Android界面元素.ppt

Android界面元素View Wiget组件 Layout Menu 沈青海sunxml Copyright2008 2009Farsight Allrightsreserved Android界面元素 1 View 视图组件 2 Layout 布局组件 3 Wigets UI元素 4 Menus 菜单 View 视图组件 认识View 1 所有高级UI组件都继承View类而实现的2 一个View在屏幕上占据一块矩形区域3 负责渲染4 负责处理发生的事件5 设置是否可见6 设置是否可以获得焦点等 注意 SurfaceView与View的区别 认识ViewGroup 1 一个ViewGroup对象是一Android view ViewGroup实例2 View的容器3 负责对添加进ViewGroup的View进行布局4 一个ViewGroup可以加入到另一个ViewGroup View与ViewGroup关系 1 1 关系图 View与ViewGroup关系 2 1 类继承关系图 Wiget UI组件 认识Wiget组件 1 界面中展示的各个小组件2 有独立的事件处理能力3 所有Wiget组件都是继承View而来 Wiget组件类继承关系 1 TextView类继承关系 2 ImageButton类继承关系 Android界面元素 Wigets 1 1 Button 按钮 2 TextView 文本框 3 EditText 文本编辑框 4 CheckBox 多项选择 5 RadioGroup 单项选择 6 Spinner 下拉列表 7 TimePicker 时间选择器 8 ScrollView 滚动视图 9 ProgressBar 进度条 10 SekkBar 拖动条 11 RatingBar 评分组件 12 ImageView 图片视图 13 ImageButton 图片按钮 Android界面元素 Wigets 2 14 ImageSwitcher Gallery 图片切换 15 GradView 网格视图 16 Tab 标签组件 Wiget组件示例展示 Android界面元素 自定义组件 1 继承View类 也可以扩展现有的Wiget组件2 实现onDraw 函数3 实现onMeasure 函数4 实现onKeyDown 函数5 更多事件处理 演示自定义控件 包含Android界面元素 示例展示 Layout UI布局 认识Layout布局组件 1 对UI组件进行排列布局2 与WEB开发中的CSS类似 Layout 布局类 继承关系 1 Layout 布局类 继承关系图 Android界面布局参数信息 LayoutParams 1 属性 1 android layout height 2 android layout width2 值 1 FILL PARENT 2 WRAP CONTENT Android界面元素 Layout 1 LinearLayout布局2 RelativeLayout布局3 FrameLayout布局4 结合LinearLayout和RelativeLayout布局5 TableLayout布局 Android界面布局 LinearLayout 1 android orientation vertical 垂直方向 2 android orientation horizontal 水平方向 Android界面布局 RelativeLayout 1 android layout below id label 2 android layout toLeftOf id label 3 android layout alignParentRight true 4 android layout alignTop id label 5 android layout marginLeft 10dip Android界面布局 FrameLayout 1 所有元素都被放置在最左上角2 后面元素的显示会重叠在前一个元素上 Android界面布局参数信息 TableLayout 1 行2 每一行里可以自由加入一些组件 Android界面布局 LayoutInflater类 1 该类用来将XML的布局文件变成一个View类2 每一行里可以自由加入一些组件 Android界面元素 Menu 1 OptionMenu 选项菜单 onCreateOptionsMenu add onOptionsItemSelected getItemId 2 ContextMenu 上下文菜单 onCreate