第6講 高級(jí)用戶(hù)界面設(shè)計(jì)-視圖組件view-other

1、Android平臺(tái)手機(jī)嵌入式開(kāi)發(fā)第6講 高級(jí)用戶(hù)界面設(shè)計(jì)-視圖組件Views.主要內(nèi)容：視圖組件小部件（Widgets）菜單對(duì)話(huà)框消息提示條4.1：視圖組件（Views）2、常見(jiàn)視圖組件：擴(kuò)展列表視圖(Expandable ListView) Ch06_ExpandableListViewDemo擴(kuò)展列表視圖是在列表視圖的基礎(chǔ)上進(jìn)行了擴(kuò)展，其組織形式要比列表視圖更加多樣化。如圖所示：列表項(xiàng)中又嵌套了列表4.1：視圖組件（Views）擴(kuò)展列表視圖(Expandable ListView)Xml定義如下所示：標(biāo)記使用： 來(lái)定義注意：該id的定義，和ListView組件一樣，也必須引用系統(tǒng)資源中ID

2、為list組件，否則會(huì)報(bào)錯(cuò)：4.1：視圖組件（Views）擴(kuò)展列表視圖(Expandable ListView)相應(yīng)的ExpandableListActivity組件：同列表視圖必須和列表Activity配套使用一樣，擴(kuò)展列表視圖組件也必須和擴(kuò)展列表Activity組件ExpandableListActivity配套使用。開(kāi)發(fā)者可以直接繼承ExpandableListActivity ，然后在該子類(lèi)中通過(guò)列表適配器進(jìn)行列表視圖與數(shù)據(jù)的綁定。public class ExpandableListViewDemoAct extends ExpandableListActivity /設(shè)置數(shù)據(jù)適配器

3、，綁定數(shù)據(jù)setListAdapter(adapter); 4.1：視圖組件（Views）擴(kuò)展列表視圖(Expandable ListView)Adapter適配器：提供數(shù)據(jù)給列表視圖進(jìn)行顯示可以從ExpandableListAdapter類(lèi)繼承ExpandableListAdapter adapter = new SimpleExpandableListAdapter(this,mGroups,R.layout.group_view,new String Group.KEY1,new int R.id.TXT_GROUP_ITEM , mPeople,R.layout.child_view,

4、new String People.KEY1,People.KEY2,People.KEY3,People.KEY4,People.KEY5,mDetailViewsId);參考列表視圖的適配器的定義規(guī)範(fàn)4.1：視圖組件（Views）擴(kuò)展列表視圖(Expandable ListView)點(diǎn)選事件響應(yīng)通過(guò)重載onChildClick ()方法進(jìn)行回調(diào);要獲取所點(diǎn)擊的條目?jī)?nèi)容，需要通過(guò)組位置和子位置聯(lián)合確定：public boolean onChildClick(ExpandableListView parent, View v,int groupPosition, int childPositi

5、on, long id) People people = new People(mPeople.get(groupPosition).get(childPosition);Toast.makeText(this, people.toString(), Toast.LENGTH_LONG).show();4.1：視圖組件（Views）下拉列表組件(Spinner)Spinner組件用于下拉列表，用法和ListView相似，裝載數(shù)據(jù)也需要Adapter對(duì)象4.1：視圖組件（Views）下拉列表組件(Spinner)Xml定義如下所示：標(biāo)記使用： 來(lái)定義4.1：視圖組件（Views）下拉列表組件(S

6、pinner)Activity定義：ArrayAdapter aaAdapter = new ArrayAdapter(this,android.R.layout.simple_spinner_item, applicationNames);SimpleAdapter simpleAdapter = new SimpleAdapter(this, items,R.layout.item, new String ivLogo, tvApplicationName , new int R.id.ivLogo, R.id.tvApplicationName );spinner2.setAdapter

7、(simpleAdapter);4.1：視圖組件（Views）垂直滾動(dòng)視圖(Scroll View)： Ch06_ScrollViewDemo、 Ch06_ScrollView4.1：視圖組件（Views）滾動(dòng)視圖(Scroll View)Xml定義如下所示： 標(biāo)記使用： 來(lái)定義注意：滾動(dòng)視圖可以作為布局的根組件當(dāng)標(biāo)簽中組件所占的總高度超過(guò)屏幕的高度，在屏幕右側(cè)出現(xiàn)滾動(dòng)條4.1：視圖組件（Views）滾動(dòng)視圖(Scroll View)實(shí)現(xiàn)機(jī)制滾動(dòng)視圖是框架布局的子類(lèi)，因此具有框架布局的特點(diǎn)；ScrollView只支持垂直滾動(dòng)，而且只能包含一個(gè)組件，一般是定義LinearLayout，并將Lin

8、earLayout的orientation設(shè)置為vertical， LinearLayout中可以放置多個(gè)組件；當(dāng)組件的所占的高度超過(guò)屏幕高度，在屏幕的右側(cè)出現(xiàn)一個(gè)滾動(dòng)條。相應(yīng)的Activity組件：沒(méi)有特別之處，只是繼承Activity即可public class ScrollViewDemoAct extends Activity4.1：視圖組件（Views）滾動(dòng)視圖(Scroll View)滾動(dòng)視圖的“滾動(dòng)”方式有兩種滾動(dòng)方式：絕對(duì)滾動(dòng)和相對(duì)滾動(dòng)絕對(duì)滾動(dòng)：即直接跳轉(zhuǎn)到視圖的頭部或者尾部的滾動(dòng)mMainView.fullScroll(ScrollView.FOCUS_UP);mMainVi

9、ew.fullScroll(ScrollView.FOCUS_DOWN);相對(duì)滾動(dòng)：即相對(duì)于視圖頂部位置或者相對(duì)于當(dāng)前頁(yè)的滾動(dòng)mMainView.scrollTo(0, mCurPos);pageScroll（）方法4.1：視圖組件（Views）水平滾動(dòng)視圖(HorizontalScrollView)： ch06_horizontalscrollview和ScrollView相似；4.1：視圖組件（Views）水平滾動(dòng)視圖(HorizontalScrollView) Xml定義如下所示：HorizontalScrollView xmlns:android=/apk/res/androidLin

10、earLayout android:orientation=horizontal“標(biāo)記使用： 來(lái)定義注意：滾動(dòng)視圖可以作為布局的根組件當(dāng)標(biāo)簽中組件所占的總寬度超過(guò)屏幕的寬度，在屏幕下面出現(xiàn)滾動(dòng)條4.1：視圖組件（Views）可垂直和水平滾動(dòng)視圖 ch06_bothscrollview可以將ScrollView和HorizontalScrollView 組件結(jié)合使用，可以實(shí)現(xiàn)垂直和水平滾動(dòng)效果；即相互嵌套4.1：視圖組件（Views）網(wǎng)格視圖組件(GridView) ch06_gridviewGridView組件用于顯示一個(gè)表格，以二維表的方式顯示列表項(xiàng)，即單元格。每一個(gè)單元格是一個(gè)view對(duì)象

11、，在單元格上可以放置任一組件4.1：視圖組件（Views）網(wǎng)格視圖組件(GridView)ch06_gridviewXml定義如下所示：標(biāo)記使用： 來(lái)定義列數(shù)的設(shè)定： android:numColumns=5“行數(shù)的設(shè)定：無(wú)需設(shè)定行數(shù)，組件會(huì)自動(dòng)折行顯示4.1：視圖組件（Views）網(wǎng)格視圖組件(GridView)Activity定義：該組件也需要定義Adapter，通過(guò)Adapter進(jìn)行數(shù)據(jù)顯示和加載SimpleAdapter simpleAdapter = new SimpleAdapter(this, cells,R.layout.cell, new String imageview ,

12、 new int R.id.imageview );gridView.setAdapter(simpleAdapter);4.1：視圖組件（Views）畫(huà)廊（相冊(cè)）組件(Gallery) Gallery組件用于顯示圖像列表，只能水平顯示一行，而且支持水平滑動(dòng)效果4.1：視圖組件（Views）畫(huà)廊（相冊(cè)）組件(Gallery)Xml定義如下所示：標(biāo)記使用： 來(lái)定義4.1：視圖組件（Views）畫(huà)廊（相冊(cè)）組件(Gallery) Activity定義：該組件也需要定義Adapter，通過(guò)Adapter進(jìn)行數(shù)據(jù)顯示和加載imageAdapter = new ImageAdapter(this);ga

13、llery.setAdapter(imageAdapter);4.1：視圖組件（Views）圖片切換器 ImageSwitcher： ImageView的選擇器ImageSwitcher的原理：ImageSwitcher有兩個(gè)子View：ImageView，當(dāng)左右滑動(dòng)的時(shí)候，就在這兩個(gè)ImageView之間來(lái)回切換來(lái)顯示圖片繼承關(guān)系：繼承于ViewSwitcher，說(shuō)明具備了切換功能繼承于ViewAnimator，說(shuō)明具備了動(dòng)畫(huà)功能4.1：視圖組件（Views）圖片切換器 ImageSwitcher定義：4.1：視圖組件（Views）圖片切換器 ImageSwitcher實(shí)例化：由ViewFa

14、ctory工廠(chǎng)類(lèi)進(jìn)行創(chuàng)建；通過(guò)makeView()方法創(chuàng)建View，然后把創(chuàng)建出來(lái)的View添加到ImageSwitcher上。第一步：is = (ImageSwitcher) findViewById(R.id.switcher);is.setFactory(ViewFactory);第二步：重寫(xiě)ViewFactory類(lèi)的makeView()方法Overridepublic View makeView() ImageView imageView = new ImageView(this); imageView.setImageResource(arrayPicturespictureInde

15、x); return imageView;4.1：視圖組件（Views）圖片切換器 ImageSwitcher重要方法：setImageURI(Uri uri)：設(shè)置圖片地址setImageResource(int resid)：設(shè)置圖片資源庫(kù)setImageDrawable(Drawable drawable)：繪制圖片設(shè)置動(dòng)畫(huà)效果：setInAnimation(AnimationUtils.loadAnimation(this,android.R.anim.fade_in);setOutAnimation(AnimationUtils.loadAnimation(this,android.

16、R.anim.fade_out);4.1：視圖組件（Views）標(biāo)簽組件(TabHost) ch06_tab使用標(biāo)簽組件可以對(duì)屏幕進(jìn)行分頁(yè)。4.1：視圖組件（Views）標(biāo)簽組件(TabHost) TabHost：標(biāo)簽組件的核心類(lèi)，也是標(biāo)簽的集合TabHost.TabSpec:每一個(gè)標(biāo)簽，TabHost可以通過(guò)addTab()方法添加多個(gè)TabHost.TabSpec實(shí)例4.1：視圖組件（Views）標(biāo)簽組件(TabHost) Xml定義如下所示：根節(jié)點(diǎn)使用、標(biāo)簽標(biāo)記使用： 來(lái)定義，或者4.1：視圖組件（Views）標(biāo)簽組件(TabHost) Activity定義：extends TabActivityTabHost tabHost = getTabHost