2.1布局的创建

作者: EDU_MJ | 来源:发表于2017-10-24 22:50 被阅读0次

1 Android UI简介

应用程序界面的美观直接影响用户的体验,一个好的布局应简洁、美观、实用。

Android UI的设计与代码的编写是分离的,这样做的好处是当我们改变布局时,不用考虑对代码的影响。

2 布局的创建

Android UI的布局是一个.xml文件,位于res/layout下,内部使用标签形式。
创建一个新布局,只需在res/layout下右键单击选择新建即可,需要注意的是,布局的名称只能包含小写字母、数字与下划线。

3 布局讲解

布局中的标签分为单标签与双标签,双标签的开始标签与结束标签内可以加入其它的标签。例如第一个LinearLayout标签是单标签,第二LinearLayout是双标签,并且嵌套了一个Button标签。
在开始标签内可以设置该标签的属性。

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
/>
<LinearLayout       
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <Button />
</LinearLayout>  

4 布局的分类

Android的布局有:

  • 线性布局(LinearLayout):以水平或垂直线性进行排列
  • 相对布局(RelativeLayout):以相对位置进行排列
  • 帧布局(FrameLayout):以层叠形式进行排列
  • 表格布局(TableLayout):以表格形式排列
  • 绝对布局(AbsoluteLayout):以绝对位置排列
  • 网格布局(GridLayout):与表格布局相似
  • 约束布局(ConstrainLayout):适合可视化

相关文章

  • 2.1布局的创建

    1 Android UI简介 应用程序界面的美观直接影响用户的体验,一个好的布局应简洁、美观、实用。 Androi...

  • 第二章 活动

    2.1 活动 2.2 活动的创建 创建活动、创建布局(如何定义一个id的格式:@+id/id_name)、加载布局...

  • 前端测试

    目录 目录 1. 前端基础1.1 布局1.1.1 grid布局 2. Vue 学习笔记2.1 Vue模板创建 前端...

  • 2.0 编写你的第一个类

    2.1 创建一个layout gradle添加recyclerview的依赖编写布局文件activity_main...

  • 浮动窗体

    1.实现思路 2.实现步骤 2.1 获取WM对象 2.2 创建View 2.3 设置布局参数 2.4 WM.add...

  • JVM - Hotspot

    1. 对象的创建 2. 对象的内存布局 对象头 实例数据 对齐填充 2.1 对象头(Mark Word) 1.存储...

  • CSS弹性布局

    CSS2.1定义了 4 中布局方式 块布局:设计初衷是用于布局文档.指设置 display:block 内联布局:...

  • TabLayout + ViewPager切换Fragment

    (1)创建布局 MainActivity的布局 (2)创建ViewPager的adapter (3)ViewPag...

  • CSS布局

    1CSS没有布局 2 CSS布局属性 2.1 css display属性 2.2 css margin: auto...

  • 2.1 布局之StackLayout(栈布局)

    1.介绍 1.1 基础 对于了解iOS9新特性的人来说,这个很好理解,相当于iOS里面的UIStackView,你...

网友评论

    本文标题:2.1布局的创建

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