ChinhLX

UI in Android

Thông tin tổ chứcAITI-APTECH và VietAndroid.com phối hợp tổ chức và thực hiện

Samsung TouchWizSony Ericsson UX

UI

Moto Blue

HTC Sense

Google AndroidNội dung cung cấp bởi : www.vietandroid.com

TwitterNội dung cung cấp bởi : www.vietandroid.com

Custom

Layout

Button

ListView

Nội dung cung cấp bởi : www.vietandroid.com

CustomNội dung cung cấp bởi : www.vietandroid.com

LinearLayout RelativeLyout

LinkHay Vietandroid

Nội dung cung cấp bởi : www.vietandroid.com

android:layout_weight=“1”

LinearLayoutNội dung cung cấp bởi : www.vietandroid.com

RelativeLayout

Google AndroidNội dung cung cấp bởi : www.vietandroid.com

Dùng đơn vị dp(sp cho text) thay vì px

Tránh dùng nhiều progress và dialog

Không sử dụng small font size

Tránh dùng AbsoluteLayout

LayoutNội dung cung cấp bởi : www.vietandroid.com

1. Button

2. ImageButton

3. ToggleButton

4. RadioButton

ButtonNội dung cung cấp bởi : www.vietandroid.com

Button & ImageButton

ToggleButton RadioButton

Focus Checked Checked

Focus & Pressed Nornal Checked & Focused

Pressed Focused

Normal Checked & Pressed

Pressed

Normal

Bảng phân loại trạng thái button

Nội dung cung cấp bởi : www.vietandroid.com

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/image1" />

<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/image2" />

<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/image3" />

<item android:drawable="@drawable/image4" />

</selector>

Button, ImageButton

Nội dung cung cấp bởi : www.vietandroid.com

Sử dụng button nào trong chương trình nghe nhạc?

• Button• imageButton• ToggleButton• …

ButtonNội dung cung cấp bởi : www.vietandroid.com

Custom view:

public View getView(int position, View convertView, ViewGroup parent){

View item=mInflater.inflate(R.layout.list_item_icon_text, null);

((TextView) item.findViewById(R.id.text)).setText(DATA[position]); ((ImageView) item.findViewById(R.id.icon)).setImageBitmap( (position&1) == 1 ? mIcon1 : mIcon2); return item; }

ListViewNội dung cung cấp bởi : www.vietandroid.com

Nên android:smoothScrollbar=”false” android:cacheColorHint=”#00000000”

Không nên android:layout_height=”wrap_content” ListView bên trong ScrollView Dùng ListView nếu số lượng item ít

ListViewNội dung cung cấp bởi : www.vietandroid.com

1. http://www.vietandroid.com

2. http://developer.android.com

3. http://www.anddev.org

4. http://androidcore.com

5. http://stackoverflow.com/questions/tagged/android

Tham khảoNội dung cung cấp bởi : www.vietandroid.com