第6讲 高级用户界面设计_视图组件view_other

ch06_gridview
<GridView android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:numColumns="5" android:padding="20dp" android:horizontalSpacing="6dp" android:verticalSpacing="6dp" />
滚动视图(Scroll View) 滚动视图的“滚动”方式
有两种滚动方式：绝对滚动和相对滚动
绝对滚动：即直接跳转到视图的头部或者尾部的滚动
mMainView.fullScroll(ScrollView.FOCUS_UP);
mMainView.fullScroll(ScrollView.FOCUS_DOWN);
參考列表视图的適配器的定義規範
5
4.1：视图组件（Views）
扩展列表视图(Expandable ListView) 点选事件响应
通过重载onChildClick ()方法进行回调; 要获取所点击的条目内容，需要通过组位置和子位置联合确定：
public boolean onChildClick(ExpandableListView parent, View v, int groupPosition, int childPosition, long id) { People people = new People(mPeople.get(groupPosition) .get(childPosition)); Toast.makeText(this, people.toString(), Toast.LENGTH_LONG).show();
标记使用： < GridView >来定义 列数的设定： android:numColumns="5“ 行数的设定：无需设定行数，组件会自动折行显示
18
4.1：视图组件（Views）
网格视图组件(GridView) Activity定义：
该组件也需要定义Adapter，通过Adapter进行数据显示和加载
标记使用： < Spinner >来定义
8
4.1：视图组件（Views）
下拉列表组件(Spinner) Activity定义：
ArrayAdapter<String> aaAdapter = new ArrayAdapter<String>(this, yout.simple_spinner_item, applicationNames);
16
4.1：视图组件（Views）
网格视图组件(GridView) ch06_gridview
GridView组件用于显示一个表格，以二维表的方式显示列表项，即单元 格。每一个单元格是一个view对象，在单元格上可以放置任一组件
17
4.1：视图组件（Views）
网格视图组件(GridView) Xml定义如下所示：
spinner2.setAdapter(simpleAdapter);
9
4.1：视图组件（Views）
垂直滚动视图(Scroll View)： Ch06_ScrollViewDemo、
Ch06_ScrollView
10
4.1：视图组件（Views）
滚动视图(Scroll View) Xml定义如下所示：
扩展列表视图是在列表视图的基础上进行了扩展，其组织形式要比列表 视图更加多样化。如图所示：列表项中又嵌套了列表
2
4.1：视图组件（Views）
扩展列表视图(Expandable ListView) Xml定义如下所示：
<ExpandableListView android:id="@id/android:list"
15
4.1：视图组件（Views）
可垂直和水平滚动视图
水平滚动效果 ；即相互嵌套 ch06_bothscrollview
可以将ScrollView和HorizontalScrollView 组件结合使用，可以实现垂直和
<ScrollView
xmlns:android="/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content"> <HorizontalScrollView android:layout_width="fill_parent" android:layout_height="wrap_content">
android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#996633"
android:layout_weight="1"
android:drawSelectorOnTop="false"/>
14
4.1：视图组件（Views）
水平滚动视图(HorizontalScrollView) Xml定义如下所示：
<HorizontalScrollView xmlns:android=/apk/res/android <LinearLayout android:orientation="horizontal“ <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="滚动视图" android:textSize="30dp" /> 标记使用： < HorizontalScrollView >来定义 注意：滚动视图可以作为布局的根组件 当标签中组件所占的总宽度超过屏幕的宽度，在屏幕下面出现滚动条
<ScrollView xmlns:android="/apk/res/android" android:id="@+id/MAIN_VIEW“ android:scrollbars="vertical" > <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"> 标记使用： < ScrollView >来定义 注意：滚动视图可以作为布局的根组件 当标签中组件所占的总高度超过屏幕的高度，在屏幕右侧出现滚动条
LinearLayout中可以放置多个组件；
当组件的所占的高度超过屏幕高度，在屏幕的右侧出现一个滚动条。
相应的Activity组件：
没有特别之处，只是继承Activity即可
public class ScrollViewDemoAct extends Activity
12
4.1：视图组件（Views）
标记使用： <ExpandableListView >来定义
注意：该id的定义，和ListView组件一样，也必须引用系统资源中ID为
list组件，否则会报错：3源自4.1：视图组件（Views）
扩展列表视图(Expandable ListView) 相应的ExpandableListActivity组件：
相对滚动：即相对于视图顶部位置或者相对于当前页的滚动
mMainView.scrollTo(0, mCurPos);
pageScroll（）方法
13
4.1：视图组件（Views）
水平滚动视图(HorizontalScrollView)： ch06_horizontalscrollview
和ScrollView相似；
//设置数据适配器，绑定数据 setListAdapter(adapter);
4
4.1：视图组件（Views）
扩展列表视图(Expandable ListView) Adapter适配器：提供数据给列表视图进行显示
可以从ExpandableListAdapter类继承
ExpandableListAdapter adapter = new SimpleExpandableListAdapter(this, mGroups, yout.group_view,
Data Warehouse
Android平台手机嵌入式开发
第6讲
高级用户界面设计-视图组件 Views.
主要内容：
视图组件 小部件（Widgets）
菜单
对话框 消息提示条
1
4.1：视图组件（Views）
2、常见视图组件：
扩展列表视图(Expandable ListView) Ch06_ExpandableListViewDemo
new String[] {Group.KEY1},
new int[] { R.id.TXT_GROUP_ITEM }, mPeople, yout.child_view, new String[] {People.KEY1,People.KEY2,People.KEY3,People.KEY4,People.KEY5}, mDetailViewsId);