《Android项目开发实战》课件 任务2-1帧布局设计.pptx

Android项目开发任务2-1：帧布局设计

导入任务任务实施相关知识拓展训练

导入任务进行Android应用软件开发，首先要进行软件界面的布局设计，本次任务完成一个帧布局的设计。

导入任务【任务目标】在Android系统中使用帧布局完成以下界面图案设计。

导入任务【任务描述】帧布局FrameLayout是Android五大布局之一。在帧布局中，所有显示对象都将固定在屏幕的左上角，不能指定位置，但允许有多个显示对象，只是后一个会直接覆盖在前一个之上显示，会把前面的组件部分或全部挡住。如下图所示。

导入任务【任务分析】利用帧布局的特性，采用TextView控件叠加的方式来完成上述场景设计。具体做法：总体界面设计采用帧布局设计，在帧布局FrameLayout标签中使用3个TextView标签，分别将控件背景颜色设置为红色、绿色和蓝色，按次序叠加排列，从而实现所要的场景设计。

任务实施创建安卓应用程序项目编写帧布局XML文件运行布局界面查看结果

任务实施操作1：启动Eclipse，点击【File】菜单，选择【New】→【Project】菜单项，在弹出的【NewProject】对话框中选中【AndroidApplicationProject】选项，单击【Next】进入下一步。

任务实施操作2：在弹出的【NewAndroidApp】对话框中输入应用程序名称为“framelayoutdemo”，单击【Next】进入下一步。

任务实施操作3：配置应用程序图标，这里采用默认设置，单击【Next】进入下一步。

任务实施操作4：选择创建的Activity类，这里选择【BlankActivity】，单击【Next】进入下一步。

任务实施操作5：输入要创建的Activity类的名称，这里输入“FrameLayoutDemoActivity”，单击【Finish】完成Android应用程序项目的创建。

任务实施操作6：创建后的Android应用程序项目架构如下所示。

任务实施操作7：双击打开“activity_frame_layout_demo.xml”文件，在代码编辑窗口输入以下对应程序代码。

任务实施操作8：保存文件，选择应用程序项目framelayoutdemo，点击鼠标右键，在弹出的右键菜单中选择【RunAs】→【AndroidApplication】菜单项，如下图操作。运行该项目，即可看到效果。

相关知识帧布局FrameLayout文本框TextView

技术知识知识点1：帧布局FrameLayoutFrameLayout（帧布局）是Android布局中较为简单的一个布局，这个布局直接在屏幕上开辟出一块空白的区域，当我们往里面添加控件的时候，会默认把他们放到这块区域的左上角。这种布局方式没有任何的定位方式，所以它应用的场景并不多。帧布局的大小由控件中最大的子控件决定，如果控件的大小一样大的话，那么同一时刻就只能看到最上面的那个组件。后续添加的控件会覆盖前一个。虽然默认会将控件放置在左上角，但是我们也可以通过layout_gravity属性，指定到其他的位置。属性名称描述android:layout_width指定组件的宽度android:layout_height指定组件的高度

技术知识知识点2、TextViewTextView是用来显示字符串的组件，在手机上就是显示一块文本的区域。其常用XML属性如下：属性名称描述android:gravity当文字小于视图，指定如何对齐文本视图的X或Y轴。android:height设置Textview的高度。android:text设置TextView文本内容显示。android:textColor设置显示内容颜色。android:textSize设置显示内容大小。android:lines设置TextView的行数。android:hint当文本为空时提示文本显示。

拓展训练使用帧布局完成渐变条纹的图案设计与实现

拓展训练【实战训练】创建一个Android应用程序项目，在项目中编程实现以下界面效果。

刘国3c365@