文章目录

  • 什么是布局layout
  • 新建一个布局layout
  • 视图View
  • view的类型
  • view的共有属性
  • 创建布局和view的两种方式
  • java代码和xml布局方式
  • 几种容器视图的使用
  • 线性布局 LinearLayout
  • 相对布局 RelativeLayout
  • 帧布局 FrameLayout
  • 两个通用属性
  • 学习Tip
  • 如何引用别的Layout
  • 如何导入图片


什么是布局layout

是layout目录下一个个xml文件

新建一个布局layout

1.res右键new 选择xml中layout xml
2.注意事项:文件名不能有大写字母;文件命名,下划线分割

视图View

view的类型

容器型和子view

view的共有属性

1.layout_width 控件宽
“wrap_content” 包裹大小
“match_parent” 和父布局一样
2.layout_height 控件高
同上
3.id 控件唯一标识
android:id=“@+id/(起一个名字)”
4.gravity 控件的重心位置
5.layout_gravity 控件在父布局中的重心位置
6.Background 背景
color颜色

创建布局和view的两种方式

java代码和xml布局方式

xml文件中的一个个view节点,最终也是会被解析成java代码类。采用xml方式进行布局,只不过是为了方便我们开发者进行直观的布局。

几种容器视图的使用

线性布局 LinearLayout

1.特有属性

方向orientation:子view排列有两种方向,垂直veitical排列和水平horizon排列 默认是水平的

android预览layout android view layout_java代码


2.子view可以有的属性

比重layout_weight:各个子view所占比例

3.注意

LinearLayout规定了某个方向的排列后,orientation在这个方向上的作用是最高优先级,这意味着某些位置相关的属性将失效

比如orientatinotallow=vertical 则layout_gravity=top/bottom/canter_vertical无效,left/right仍有效

相对布局 RelativeLayout

子view可以有的属性
1.相对位置:layout_below/layout_above/layout_toLeftOf/layout_toRightOf
2.在父容器中的位置:layout_centerinParent/layout_centerHorizontal/layout_centerVertical
3.子view与子view对齐:layout_alignBottom/layout_alignTop…
4.子view与父容器对齐:layout_alignParentBottom/…

帧布局 FrameLayout

这个容器的view就是一层盖一层的排列
子view一般会使用layout_gravity实现排列在父容器的上下左右等位置

两个通用属性

1.Margin
控件之间的间距
2.padding
控件边框和里面内容的间距

学习Tip

如何引用别的Layout

如何导入图片

1.首先将图片复制到drawable文件夹下
2.android:scaleType=“centerCrop”
android:src=“@drawable/fly”