美文网首页
第四节课——布局

第四节课——布局

作者: 在孤舟 | 来源:发表于2016-11-07 11:26 被阅读0次

五大布局Layout:

1、LinearLayout线性布局

共有两个方向:垂直和水平

决定垂直和水平的属性为Orientation

如图所示

android:orientation="horizontal"   制定线性布局的排列方式

水平horizontal

垂直 vertical

gravity 控制当前控件子控件显示区域

layout_gravity 当前控件在父元素的位置

Layout_weight 额外空间分配(权重)

android:visibility="invisible"   控制布局是否显示

显示:visible

不显示,但占空间:invisible

隐藏: gone

2、RelativeLayout相对布局

android:layout_toRightOf在指定控件的右边

android:layout_toLeftOf在指定控件的左边

android:layout_above在指定控件的上边

android:layout_below在指定控件的下边

android:layout_alignBaseline跟指定控件水平对齐

android:layout_alignLeft跟指定控件左对齐

android:layout_alignRight跟指定控件右对齐

android:layout_alignTop跟指定控件顶部对齐

android:layout_alignBottom跟指定控件底部对齐

android:layout_alignParentLeft是否跟父布局左对齐

android:layout_alignParentTop是否跟父布局顶部对齐

android:layout_alignParentRight是否跟父布局右对齐

android:layout_alignParentBottom是否跟父布局底部对齐

android:layout_centerVertical在父布局中垂直居中

android:layout_centerHorizontal在父布局中水平居中

android:layout_centerInParent在父布局中居中

如图所示

3、AbsoluteLayout绝对布局

4、GridView表格布局

5、FrameLayout帧布局

线性布局和相对布局

比较常用的控件View(宽高、颜色、边距、是否可见、内容居中、在父控件中的位置、点击事件)

TextView(显示文本)、EditText(编辑框属性inputType常用事件及特有事件addTextChangedListener)、Button(点击按钮)ImageView(src、background、scaleType)

Android中的显示单位

px  (pixels)像素

一般HVGA代表320x480像素,这个用的比较多。

dip或dp (device independent pixels)设备独立像素

这个和设备硬件有关,一般为了支持WVGA、HVGA和QVGA推荐使用这个,不依赖像素。

sp (scaled pixels — best for text size)比例像素

主要处理字体的大小,可以根据用户系统的字体自适应。

相关文章

  • 任务十一-css布局详解

    1.第一列第5个布局 第一题--范例 2.第2列第1个布局 第二题--两栏布局范例 3.第3列第1个布局 第三题-...

  • 入门11

    布局示意图 代码 第一列第5个布局 第二列第1个布局 第三列第1个布局 页面范例 - 风景列表 小卡片

  • 任务11作业

    实现 第一列第5个布局,回复预览链接 预览 实现 第2列第1个布局,回复预览链接 预览 实现 第3列第1个布局,回...

  • 中级思路

    前言 ①方法:思路+案例、预习思路②补充知识点:debug、代码规范、约束布局③学生讲课:三四节课学生讲课(学委-...

  • 第四节课——布局

    五大布局Layout: 1、LinearLayout线性布局 共有两个方向:垂直和水平 决定垂直和水平的属性为Or...

  • 简单布局

    第一列第5个布局 inline-block实现flex实现 第2列第1个布局 float实现flex实现 第3列第...

  • CSS布局练习

    第一列第5个布局,回复预览链接 http://js.jirengu.com/jevic 第2列第1个布局,回复预览...

  • 路径布局-基于数学函数的视图布局方法

    路径布局MyPathLayout是MyLayout布局体系中的第7种布局体系,在这种布局体系中您只需要提供一个坐标...

  • CSS布局

    1.* 实现 图中456 第一列第5个布局,回复预览链接 作业 2.* 实现 图中456 第2列第1个布局,回...

  • 课程 2B: 制作一款交互性应用

    这节课是 Android 开发(入门)课程 的第一部分《布局和交互》的第四节课,导师依然是 Katherine K...

网友评论

      本文标题:第四节课——布局

      本文链接:https://www.haomeiwen.com/subject/ngfouttx.html