วันจันทร์ที่ 22 มิถุนายน พ.ศ. 2558

การสร้างปุ่มให้ Action Bar

เครื่องมือ

  • Android Studio
  • Genymotion

หัวข้อที่จะเรียน

  1. สร้างปุ่มให้ Action Bar ด้วย XML
  2. สร้างปุ่มให้ Action Bar ด้วย Android(Java) ... รออัพเดท

1.สร้างปุ่มให้ Action Bar ด้วย XML

1.1 สร้างโปรเจคขึ้นมาหนึ่งโปรเจคโดยตั้งชื่อว่า ActionBarButtons จากนั้นกด Next


1.2 เลือกแพลตฟอร์มเป็น Phone and Tablet กำหนด Minimun SDK เป็น API 7: Android 2.1 (Eclair) จากนั้นกด Next

1.3 เลือก Black Activity จากนั้นกด Next

1.4 กด Finish

1.5 เปิดไฟล์ build.gradle (Module:app) แล้วเพิ่มโค้ดลงไปในส่วนของ dependencies
compile 'com.android.support:appcompat-v7:21.0.2'



1.6  เปิดไฟล์ strings.xml แล้วเพิ่มโค้ด
<string name="action_refresh">Refresh</string>


1.7 เปิดไฟล์ menu_main.xml แล้วเพิ่มโค้ดลงไปในแท็ก  <menu> เป็น Attribute นะครับ
xmlns:support="http://schemas.android.com/apk/res-auto"



1.8 เรายังอยู่ในไฟล์ menu.main.xml อยู่นะครับ ให้เพิ่มโค้ดลงไปภายในแท็ก  <menu></menu>
*หมายเหตุ : ในโฟลเดอร์ drawable ให้เราหารูปอะไรมาใส่ก็ได้ แล้วให้ตั้งชื่อว่า refresh_icon
<item android:id="@+id/action_refresh"
android:title="@string/action_refresh"
android:icon="@drawable/refresh_icon"
support:showAsAction="ifRoom"
/>

1.9 เปิดไฟล์ AndroidManifest.xml จากนั้นแก้ไขโค้ดจาก 
android:theme="@style/AppTheme"
เป็น
android:theme="@style/Theme.AppCompat"



1.10 เปิดไฟล์ MainActivity.java ขึ้นมาแล้วเพื่อโค้ด
import android.support.v7.app.ActionBarActivity;


1.11 จากนั้นเปลี่ยนโค้ดจาก
public class MainActivity extends Activity {
เป็น
public class MainActivity extends ActionBarActivity {


1.12 ลองรันดูครับ


แล้วลองกดปุ่ม (กดค้างไว้) ที่เราสร้างไว้