Android 开发实战 布局

一、相对布局 RelativeLayout

      RelativeLayout 下级视图的位置是相对位置，得有具体的参照物才能确定最终位置，如果不设定下级视图的参照物，那么下级视图默认显示在RelativeLayout 内部的左上角。用于确定视图位置的参照物分两种，一种是与视图自身平级的视图，另一种是该视图的上级视图（RelativeLayout）

      

代码

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.example.kangxg.layout.MainActivity">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Hello World!"        app:layout_constraintBottom_toBottomOf="parent"        app:layout_constraintLeft_toLeftOf="parent"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintTop_toTopOf="parent"        android:id="@+id/Hellotextview"/>    //这里注意版本的区别     <RelativeLayout        android:layout_below="@+id/Hellotextview"        android:id="@+id/rl_content"        android:layout_height="match_parent"        android:layout_width="match_parent"        >        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:id="@+id/btn_center"            style="@style/btn_relative"            android:text="我在中间"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:id="@+id/btn_center_horizontal"            style="@style/btn_relative"            android:text="我在水平中间"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:id="@+id/btn_centerVertival"            style="@style/btn_relative"            android:text="我在垂直中间"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="100dp"            android:layout_alignParentLeft="true"            android:id="@+id/btn_parent_left"            style="@style/btn_relative"            android:text="我跟上级左边对齐"            />        <Button            android:layout_width="120dp"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:id="@+id/btn_parent_top"            style="@style/btn_relative"            android:text="我跟上级顶部对齐"            />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginTop="100dp"            android:layout_alignParentRight="true"            android:id="@+id/btn_parent_right"            style="@style/btn_relative"            android:text="我跟上级右边对齐"        />        <Button            android:layout_width="120dp"            android:layout_height="wrap_content"            android:layout_marginTop="100dp"            android:layout_alignParentBottom="true"            android:layout_centerHorizontal="true"            android:id="@+id/btn_parent_bottom"            style="@style/btn_relative"            android:text="我跟上级底部对齐"            />        <Button            android:id="@+id/btn_left_bottom"            style="@style/btn_relative"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignTop="@+id/btn_parent_bottom"            android:layout_toLeftOf="@+id/btn_parent_bottom"            android:text="我在底部左边" />        <Button            android:id="@+id/btn_right_bottom"            style="@style/btn_relative"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignTop="@+id/btn_parent_bottom"            android:layout_toRightOf="@+id/btn_parent_bottom"            android:text="我在底部右边" />        <Button            android:id="@+id/btn_above_center"            style="@style/btn_relative"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_above="@id/btn_center"            android:layout_alignLeft="@id/btn_center"            android:text="我在中间上边" />        <Button            android:id="@+id/btn_blow_center"            style="@style/btn_relative"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_below="@id/btn_center"            android:layout_alignRight="@id/btn_center"            android:text="我在中间下边" />    </RelativeLayout></android.support.constraint.ConstraintLayout>

import android.view.View.OnClickListener;import android.view.View.OnLongClickListener;public class MainActivity extends AppCompatActivity   implements OnClickListener {    private RelativeLayout rl_content;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        rl_content =  (RelativeLayout)findViewById(R.id.rl_content);        Button centerbtn = (Button)findViewById(R.id.btn_center);        centerbtn.setOnClickListener(this);        Button hcenterbtn = (Button)findViewById(R.id.btn_center_horizontal);        hcenterbtn.setOnClickListener(this);        Button vcenterbtn = (Button)findViewById(R.id.btn_centerVertival);        vcenterbtn.setOnClickListener(this);        Button lcenterbtn = (Button)findViewById(R.id.btn_parent_left);        lcenterbtn.setOnClickListener(this);    }    @Override    public void onClick(View v)    {        if (v.getId() == R.id.btn_center)        {            addNewView(RelativeLayout.CENTER_IN_PARENT,-1,rl_content.getId());        }        else if (v.getId() ==  R.id.btn_center_horizontal)        {        }        else if (v.getId() ==  R.id.btn_centerVertival)        {        }        else if (v.getId() == R.id.btn_parent_left)        {            addNewView(RelativeLayout.LEFT_OF,RelativeLayout.ALIGN_TOP,v.getId());        }    }    private void addNewView(int firstAlign,int SencondAlign,int referId)    {        View v = new View(this);        v.setBackgroundColor(0xaa66ff66);        RelativeLayout.LayoutParams rl_params = new RelativeLayout.LayoutParams(100,100);        rl_params.addRule(firstAlign,referId);        if (SencondAlign>=0)        {            rl_params.addRule(SencondAlign,referId);        }        v.setLayoutParams(rl_params);        v.setOnLongClickListener(new View.OnLongClickListener() {            @Override            public boolean onLongClick(View view) {              rl_content.removeView(view);              return  true;            }        });        addContentView(v,rl_params);    }}运行效果

二、框架布局 FrameLayout

    FrameLayout 也是较常见的布局，其下级视图无法指定所处的位置，只能统统从上级FrameLayout 的左上角开始添加，并且后面添加的子视图会把之前的子视图覆盖掉，框架布局一般用于需要重叠显示的场合，比如绘图、游戏界面等，常见属性说明如下。

    foreground: 指定框架布局的前景图像。该图像在框架内部永远处于最顶层，不会被框架内的其他视图覆盖。

    foregroundGravity： 指定前景图像的对其方式

三、线性布局 LinerLayout

   LinerLayout 是最常见的布局，内部视图的排列排列是有顺序的，要么上下排列要么左右依次排列。

四、绝对布局 AbsoluteLayout

       AbsoluteLayout ：按照绝对坐标来布局组件

    

五、表格布局 TableLayout

       TableLayout：按照行列方式布局组件

       表格布局是一个ViewGroup以表格显示它的子视图（view）元素，即行和列标识一个视图的位置。

       表格布局常用的属性如下：

       android:collapseColumns：隐藏指定的列
       android:shrinkColumns：   收缩指定的列以适合屏幕，不会挤出屏幕
       android:stretchColumns：  尽量把指定的列填充空白部分
       android:layout_column:      控件放在指定的列
       android:layout_span:         该控件所跨越的列数  

     

    简单的列子：

    ①效果图：

   

总结。没有捷径，只要重复去操作，练习到吐，再每一次错误解决后总会有收获！