Lập trình android C6 các đối tượng đồ họa trên android

Giao di n nh sau:... Có hai tr ng thái:Checked ho c Unchecked... Khi check ch n RadioButton có id là rdb1 thì rdb2 t đ ng chuy n thành tr ng thái unchecked... Khi khai báo adapter cho G

1 GI I THI U

• View là đ n v c n b n c a giao di n đ ho trên

Android M t View đ i di n cho m t widget.

• View là các thành ph n xây d ng nên ng d ng, view h

1 GI I THI U

• Phân lo i View:

o Basic View : là nh ng đ i t ng View th ng xuyên s

d ng nh TextView, EditText, Button, …

o Picker View : t o ra các view cho phép ng i dùng l a

ch n m t option, ngày tháng hay th i gian nào đó.

o Display View : hi n th hình nh nh Gallery và

ImageSwitcher.

o Menu : dùng đ t o giao di n menu l a ch n

o Additional View : nh ng đ i t ng View nh

AnalogClock và DigitalClock

• M t s thu c tính dung chung (cho đa s các view):

– Style : n u không s d ng, hình th c c a view s theo

d ng m c đ nh Ng c l i s đ nh d ng hình th c

khác l cho view.

VD:

• Tham kh o v giá tr c a màu s c (trong Android dùng

t i http://www.mediafire.com/?ujj2pyppdwemx69 Giao

di n nh sau:

2 BASIC VIEW

G m các view

– TextView: hi n th n i dung v n b n

– EditText: là m t class con c a TextView, b sung

thêm kh n ng cho phép ch nh s a đo n text đang

hi n th trên nó.

– Button: Nút nh n.

– ImageButton: Nút nh n có h tr hi n th hình nh.

– CheckBox: cho phép ch n l a Có hai tr ng thái:

Checked ho c Unchecked.

– RadioButton: c ng là lo i ch n l a (nên c ng có hai

tr ng thái: Checked và Unchecked.

– RadioGroup: đ c s d ng đ nhóm m t ho c nhi u

đ i t ng RadioButton Cho phép ch đ c check

ch n m t RadioButton trong cùng m t group.

– ToggleButton: Th hi n hai tr ng thái: Check ho c

Uncheck có s d ng đèn báo (light indicator).

2 BASIC VIEW

2.1 Button:

• Ph ng th c btnOpen.setOnClickListener(): đ gán cho đ i

t ng btnOpen m t đ i t ng d ng đ l ng nghe s ki n ng i

nh n click lên đ i t ng btnOpen

• Interface OnClickListener: M t button mu n x lý đ c s

ki n khi ng i dùng click lên Button thì đ i t ng đó ph i cài

đ t (implement) l i interface OnClickListener Interface này ch

có duy nh t m t ph ng th c là public void onClick(View v).

• Thu c tính Style: thay đ i d ng th c khác cho Button

2.1 Button: (gi s đã có button có id là btnOpen) (tt)

• Ví d : (s không xây d ng m t class riêng bi t đ x lý s ki n

ng i dùng click lên đ i t ng btnOpen mà s s d ng inner

class ngay trong file nh ph n code sau:

publicclass main extends Activity {

} });

}

}

2 BASIC VIEW

2.1 Button: (gi s đã có button có id là btnOpen) (tt)

• Gi i thích ví d :

 ây là m t cách khai báo t t m t inner class và ghi đè

(override) l i ph ng th c là public void onClick(View v)

c a interface OnClickListener Trên ph ng th c onClick

này ta g i ph ng th c displayToast() đã đ c cài đ t

trong class

 B ng cách này khi ng i dùng nh n lên đ i t ng btnOpen

thì h th ng s g i ph ng th c onClick k trên Tham s

View v đi kèm đ c truy n theo ph ng th c onClick chính

là đ i t ng mà ng i dùng m i t ng tác (trong tr ng

h p này c ng chính là đ i t ng btnOpen) Ta có th s

d ng ph ng th c getId đ l y v id c a đ i t ng đ c g i

kèm

android c n ph i đ t trong th m c res/drawable

o Tên các file hình nh này ch đ c dùng các ký t sau:

• Thu c tính style: thay đ i d ng th c khác cho CheckBox

2 BASIC VIEW

2.3 CheckBox: (gi s đã có CheckBox có id là chk1) (tt)

• Ph ng th c:

– setChecked(boolean): nh n giá tr Boolean, giúp thi t l p d u

check trên checkbox Khi Boolean là

• true: thi t l p d u check (VD: chk1.setchecked(true))

• false: xóa d u check (VD:chk1.setchecked(false))

• isChecked(): th ng dùng trong hàm OnClick đ ki m tra

CheckBox hi n t i đang tr ng thái checked hay unchecked

2 BASIC VIEW

2.5 RadioGroup: (gi s đã có CheckBox có id là rad)

• VD1: Group g m 2 RadioButton Khi check ch n RadioButton

có id là rdb1 thì rdb2 t đ ng chuy n thành tr ng thái

unchecked T ng t , n u ch n l i rdb2 thì rdb1 t đ ngchuy n thành tr ng thái unchecked

<RadioGroup android:id="@+id/rdbGp1"

android:layout_width="fill_parent “ android:layout_height="wrap_content"

android:orientation=" vertical“ >

<RadioButton android:id="@+ id/rdb1“

android:layout_width="fill_parent “ android:layout_height="wrap_content “ android:text="Option 1“ />

<RadioButton android:id="@+ id/rdb2“

android:layout_width="fill_parent “ android:layout_height="wrap_content"

android:text="Option 2“ />

</RadioGroup>

2.5 RadioGroup: (gi s đã có RadioGroup có id là rdbGp1)

• VD2: hi n th ID c a RadioButton đ c Check

// t o liên k t đ n RadioGroup có id là rdbGp1

RadioGroup radioGroup = (RadioGroup)findViewById(R.id.rdbGp1);

/*gán cho radioGroup đ i t ng s x lý s ki n khi mà l a

ch n c a các RadioButton trong RadioGroup rdbGp1 thay đ i */

radioGroup.setOnCheckedChangeListener(new

OnCheckedChangeListener() {

publicvoid onCheckedChanged(RadioGroup group, int checkedId)

• Thu c tính: (tt)

– android:textColor xác đ nh màu ch cho TextView

– android:text xác đ nh chu i s hi n th trên TextView

2.7 EditText:

2.7.2. Thu c tính:

• android:hint xu t hi n l i nh c trong EditText

VD: android:hint= “Nh p s d ng"

• android:password: g m 2 giá tr true/false (m c đ nh là

false), cho phép EditText hi n th m t đo n text d i d ng các

ký t đ c bi t nh m che d u n i dung c a đo n text

• android:editable: g m 2 giá tr true (cho, là giá tr m c

đ nh) ho c false (không cho) phép ch nh s a n i dung trong

2 BASIC VIEW

2.7 EditText:

• EditText.getText(): giúp truy xu t giá tr (n i dung) c a EditText

• EditText.setText(): giúp thay đ i giá tr (n i dung) c a EditText

2.7.4 Khác:

• xác l p cho EditText nh n focus khi Activity m i đ c n p

lên màn hình: thêm th <requestFocus/> bên trong th c a

EditText c n gán focus

VD: t o 1 EditText đ nh p password và EditText này s nh n

focus khi Activity đ c n p

– ch đ này nó s th hi n hi u ng xoay tròn vô t n Ch đ

này r t thích h p cho nh ng tác v không xác đ nh rõ đ c khi

• Ph ng th c setThreshold đ t s l ng t i thi u các ký t mà user

ph i nh p tr c khi đ a ra các text trong ArrayAdapter

G m các view

– TextView: hi n th n i dung v n b n

– EditText: là m t class con c a TextView, b sung

thêm kh n ng cho phép ch nh s a đo n text đang

hi n th trên nó.

– Button: Nút nh n.

– ImageButton: Nút nh n có h tr hi n th hình nh.

3 PICKER VIEW

3.1 TimePicker:

• TimePicker là View cho phép ng i s d ng ch n th i gian c a

m t ngày, trong c hai ch đ 24h ho c ch đ AM, PM

nghe s ki n ng i dùng nh n lên m i ImageView trong Gallery.

• Khi ng i dùng nh n lên m t ImageView trong Gallery thì h

th ng s g i ph ng th c

public void onItemClick(AdapterView parent, View v,

int position, long id)

• Tham kh o

http://developer.android.com/guide/topics/ui/controls/spinner.html

• Thay đ i giá tr Adapter cho GridView

o Code hi n t i:

Khai báo adapter cho GridView, gán adapter cho

GridView thông qua 2 câu l nh:

Yêu c u: class_adapter c n ph i khai báo m ng

hinh[] ch a image đ ho t đ ng.

 Nh c đi m: khó thay đ i giá tr t ng ph n t trong

m ng hinh[] đ c p nh t giá tr cho adapter

4 DISPLAY VIEW

4.3 GridView (tt):

• Thay đ i giá tr Adapter cho GridView

o Code có th thay đ i giá tr adapter:

Khai báo thêm m ng img[] ch a image Main_activity ch a

giá tr hình ban đ u cho h th ng ho t đ ng

Khi khai báo adapter cho GridView, truy n theo m ng img[]

sang class_adapter

 class_adapter t o m t m ng image[] nh n giá tr img[]

đ c truy n t Main_activity sang Sau đó t o adapter d a

trên m ng image v a t o nh code hi n t i

Khi c n thay đ i giá tr adapter, chúng ta s c p nh t l i giá tr

cho m ng img[] Main_activity và dùng câu l nh sau đ c p

nh t l i adapter:

Tên_bi n_adapter.notifyDataSetChanged();

4 DISPLAY VIEW

4.4 Menus:

• Có hai lo i menu trên Android:

– Options Menu: Hi n th nh ng thông tin

liên quan đ n Activity hi n t i Trong

Android, đ kích ho t Options Menu ng i

dùng c n nh n nút Menu trên thi t b

• Ph ng th c createMenu(): tác d ng t o m t

danh sách các menu item

• Ph ng th c publicMenuItemadd(int groupId, int itemId, int order,CharSequence title): thêm m t menu item và menu hi n t i v i các

thông s xác đ nh các thu c tính c a menu item đ c thêm vào

• Ph ng th c public MenuItemsetAlphabeticShortcut (charalphaChar): gán phím t t bàn phím đ m nhanh m t menu item

• Ph ng th c public MenuItemsetIcon(int iconRes) s gán m t hình

nh dùng làm bi u t ng cho menu item m i thêm vào

4.4 Menus:

• Có hai lo i menu trên Android:

– Options Menu: Hi n th nh ng thông tin

liên quan đ n Activity hi n t i Trong

Android, đ kích ho t Options Menu ng i

dùng c n nh n nút Menu trên thi t b

• Ph ng th c createMenu(): tác d ng t o m t

danh sách các menu item

• Ph ng th c publicMenuItemadd(int groupId, int itemId, int order,CharSequence title): thêm m t menu item và menu hi n t i v i các

thông s xác đ nh các thu c tính c a menu item đ c thêm vào

• Ph ng th c public MenuItemsetAlphabeticShortcut (charalphaChar): gán phím t t bàn phím đ m nhanh m t menu item

• Ph ng th c public MenuItemsetIcon(int iconRes): gán m t hình

nh dùng làm bi u t ng cho menu item m i thêm vào

m t menu item trên Option menu

• hi n th Option menu trên Activity,

4.5 Context menu:

• N u mu n g n m t Menu lên m t đ i t ng View ta c n

g i ph ng th c setOnCreateContextMenuListener() đ

g n đ i t ng nh n nhi m v t o ContextMenu.

5.2 WebView:

• Cho phép nhúng m t ng d ng web (ho c 1 trang web)

vào ng d ng c n d ng (m c đ nh WebView cho hi n th

1 trang web)

• Tuy nhiên WebView không bao g m đ y đ các tính

n ng nh 1 trình duy t web (web browser) nh không có

đi u khi n navigation, address bar.