Android:安卓布局分类及布局和页面的关系

布局有多少种?
其实安卓有六大基本布局

View 被 ViewGroup继承,View是组件

        View:是绘制在屏幕上的用户能与之交互的一个对象

        ViewGroup:是一个用于存放其他view(和viewGroup)对象的布局容器

所谓的布局就是说:我们如何把很多的组件放在画布上,进行描述,绘画,画布有不同的玩法和规则

分为:Absolute   Layout                   FrameLayout                Linealayout

       TableLayout                        GridView                RelativeLayout

GridView:是一个网格布局

Android:安卓布局分类及布局和页面的关系

 现在我们基于安卓的第一个工程copy一个

Android:安卓布局分类及布局和页面的关系

我们src下面的,OtherActivity.java 是整个页面第一个启动的Activity

Android:安卓布局分类及布局和页面的关系

按住ctrl

鼠标滑到   activity_other

然后就跳转到了

Android:安卓布局分类及布局和页面的关系

我们修改一下

 <RelativeLayout  >             代表它的起始位置

</RelativeLayout>                 代表它的终止位置

中间是存放的控件

Android:安卓布局分类及布局和页面的关系

我们全部给他撤回去

然后我们给这个布局加一个背景

我们给他来一个红色

Android:安卓布局分类及布局和页面的关系

运行一下

Android:安卓布局分类及布局和页面的关系

比如我现在拉一个按键进来

Android:安卓布局分类及布局和页面的关系

 按键代码不会写,我们就拉一个Button进来

Android:安卓布局分类及布局和页面的关系

然后你就会发现这面的代码除了Textview 以外

多了一个Button

Android:安卓布局分类及布局和页面的关系

如果我们删除代码

这个层次结构是不是就看出来了

也就是这个布局下面我有两个文件,一个是文本框,一个是按键

Android:安卓布局分类及布局和页面的关系

同时右面的布局,就一个布局,藏了一个TextView   一个Button

我刚才删掉的代码,就是布局相关的属性,参数,比如我说的背景色,包括布局的宽和高

Android:安卓布局分类及布局和页面的关系

 android:layout_width="match_parent"
    android:layout_height="match_parent"

这两个地方我们改动一下

android:layout_width="200dp"
    android:layout_height="200dp"

Android:安卓布局分类及布局和页面的关系

 

运行之前我们可以看到效果

Android:安卓布局分类及布局和页面的关系

 那么运行后呢?

等于手机布局这么大,我们就占了这么点空间

Android:安卓布局分类及布局和页面的关系

 

 

 

 

  

  

  

补充

现在的代码长这样,我们想把outline弄出来

Android:安卓布局分类及布局和页面的关系

点击这里 

Android:安卓布局分类及布局和页面的关系

然后右面就出现了 

Android:安卓布局分类及布局和页面的关系

上一篇:【Flutter核心类分析】深入理解RenderObject


下一篇:eclipse安装JAVA反编译插件