2011_05Android教程_界面初识.pptxVIP

Android _用户界面初识huizhuoli@模拟器屏幕HVGA-L：480x320横屏HVGA-P：320x480竖屏（默认）QVGA-L：320x240横屏QVGA-P：240x320竖屏WVGA-L：800x480横屏UI用户界面设计：Icon设计应用程序需要各种各样的图标尺寸和定位Launcher icons要有多样化的形状和样式，但又要形成统一的视觉风格，其尺寸和定位也用统一：红色边框为图标尺寸蓝色边框是图形尺寸，比图标尺寸稍小，图形之外的空间用于显示阴影和特殊效果。橙色边框是另外一种图形尺寸。两种类型的图形尺寸可以达到统一的视觉权重。Icon的风格符合当下的流行趋势，避免过度使用隐喻。高度简化和夸张，小尺寸图标也能易于识别，不宜太复杂。尝试抓住程序的主要特征，比如音像作为音乐的icon。使用自然的轮廓和形状，看起来几何化和有机化，不失真实感。采用前视角，几乎没有透视，光源在顶部。不光滑但富有质感。UI用户界面设计：Widget设计Widget是Android 1.5的一个新特性，允许程序显示一些常用而又重要的信息在用户的桌面主屏上标准的Android系统映像包含了一些示例widgets包括指针时钟、音乐播放器和其他工具如Google搜索栏。Widget即是可由用户自己编写的功能控件。典型的Android Widget有三个主要组件：边框框架图形控件以及其他元素注意widgets的开状尺寸以便在主屏上显示Android界面元素1、View（视图组件）2、Layout（布局组件）3、Wigets（UI元素）4、Menus（菜单）View （视图组件）认识View注意:SurfaceView与View的区别1、所有高级UI组件都继承View类而实现的2、一个View在屏幕上占据一块矩形区域3、 负责渲染4、负责处理发生的事件5、设置是否可见6、设置是否可以获得焦点等认识ViewGroup1、一个ViewGroup对象是一Android.view.ViewGroup实例2、View的容器3、 负责对添加进ViewGroup的View进行布局4、一个ViewGroup可以加入到另一个ViewGroupView与ViewGroup关系（1）1、关系图View与ViewGroup关系（2）1、类继承关系图Widget (UI组件)认识Widget组件1、界面中展示的各个小组件2、有独立的事件处理能力3、所有Widget组件都是继承View而来Widget组件类继承关系1 、TextView类继承关系2、ImageButton类继承关系Android界面元素—Widgets(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、ImageSwitcherGallery（图片切换）15、GradView（网格视图）16、Tab（标签组件）Widget组件示例展示Android界面元素—自定义组件1、继承View类，也可以扩展现有的Wiget组件2、实现 onDraw()函数3、实现onMeasure()函数4、实现onKeyDown() 函数5、更多事件处理…包含Android界面元素---- 示例展示Layout （UI布局）认识Layout布局组件1 、对UI组件进行排列布局2、与WEB开发中的CSS类似Layout（布局类）继承关系1 、Layout（布局类）继承关系图Android界面布局参数信息-- LayoutParams1 、属性(1) android:layout_height(2) android:layout_width2 、值(1) FILL_PARENT(2) WRAP_CONTENTAndroid界面元素--Layout1、LinearLayout布局2、RelativeLayout布局3、 FrameLayout布局4、结合LinearLayout和RelativeLayout布局5、TableLayout布局Android界面布局-- LinearLayout1、android:orientation=“vertical” (垂直方向)2、android:orientation=“horizontal” (水平方向)Android界面布局-- RelativeLayout