《3.1认识布局ppt课件(完整版).ppt》由会员分享,可在线阅读,更多相关《3.1认识布局ppt课件(完整版).ppt(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、3.1 认识布局ppt课件(完整版)2022-5-19032022-5-19认识LayoutLinearLayout目录目录CONTENTRelativeLayoutFrameLayoutAbsoluteLayout参考教材参考教材: :AndroidAndroid应用开发项目化教程应用开发项目化教程认识Layoutp作用u布局类似于一个容器,里面装载很多控件并设置这些控件的显示布局;u布局里面还可以套用其他的布局;uViewGroup类是布局和视图容器的基类。 认识Layoutp生成方法u在 XML 中声明 UI 元素。Android 提供了对应于 View 类及其子类的简明 XML 词汇,
2、如用于小工具和布局的词汇;u运行时实例化布局元素。应用可以通过编程创建 View 对象和 ViewGroup 对象(并操纵其属性)。 认识Layoutp编写 XMLu在 XML 中声明应用的默认布局,包括将出现在布局中的屏幕元素及其属性。然后,可以在应用中添加可在运行时修改屏幕对象(包括那些已在 XML 中声明的对象)状态的代码。u在 XML 中声明 UI 的优点在于,可以更好地将应用的外观与控制应用行为的代码隔离。UI 描述位于应用代码外部,这意味着在修改或调整描述时无需修改源代码并重新编译。认识Layoutp加载 XMLu当编译应用时,每个 XML 布局文件都会编译到一个 View 资源中
3、。应该在 Activity.onCreate() 回调实现中从应用代码加载布局资源。public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main_layout); 认识Layoutp属性uid任何视图对象都可能具有关联的整型 ID,此 ID 用于在结构树中对 View 对象进行唯一标识。编译应用后,此 ID 将作为整型数引用,但在布局 XML 文件中,通常会在 id 属性中为该 ID 赋予字符串值。 Button myButton
4、= (Button) findViewById(R.id.my_button); 认识Layoutp属性u布局参数名为 layout_something 的 XML 布局属 性 可 为 视 图 定 义 与 其 所 在 的 ViewGroup 相适的布局参数。每个 ViewGroup 类都会实现一个扩展 ViewGroup.LayoutParams 的嵌套类。此子类包含的属性类型会根据需要为视图组的每个子视图定义尺寸和位置。认识Layoutp属性u布局位置视图的几何形状就是矩形的几何形状。视图具有一个位置(以一对水平向左和垂直向上坐标表示)和两个尺寸(以宽度和高度表示)。 位置和尺寸的单位是像素
5、。u尺寸、内边距和外边距视图的尺寸通过宽度和高度表示。视图实际上具有两对宽度和高度值。内边距以视图左侧、顶部、右侧和底部各部分的像素数表示。 尽管视图可以定义内边距,但它并不支持外边距。认识Layoutp常见布局u线性布局(Linear Layout) u绝对布局(Absolute Layout) u相对布局(Relative Layout) u单帧布局(Frame Layout) u表格布局(Table Layout) u列表视图(List View)u网格视图(Grid View)u标签布局(Tab Layout)LinearLayoutp布局特点uViewGroup以线性方向显示它的子视
6、图元素,即后一个元素垂直或水平显示在上一个子元素之后。LinearLayoutp核心知识uorientationulayout_weightugravityulayout_gravity LinearLayoutp案例RelativeLayout p布局特点uViewGroup以相对位置显示它的子视图元素,一个视图可以指定相对于它的 兄 弟 视 图 的 位 置 或 相 对 于RelativeLayout的特定区域的位置。RelativeLayout p核心知识ulayout_alignParentTopulayout_centerVerticalulayout_belowulayout_toRightOf.RelativeLayout p父容器定位属性RelativeLayout p根据兄弟组件定位RelativeLayout p案例FrameLayoutp布局特点uViewGroup将它的子视图元素都放在布局的左上角,并重叠在前一子控件的上层。如果绝对布局不指定坐标位置,子视图将会类似于单帧布局那样层叠放置。AbsoluteLayoutp布局特点uViewGroup以绝对方式显示它的子视图元素,即以坐标的方式来定位子视图在屏幕上位置。屏幕的左上角为坐标原点O(0,0)。android:layout_x:设置组件的X坐标 android:layout_y:设置组件的Y坐标