[android] 线性布局和布局的组合

Posted 2020-06-16

当app界面是自上而下，自左而右，orientation 朝向，vertical竖直方向，horizontal水平方向，水平方向如果空间不足，控件会被挤出屏幕

 

控件之间的分割线其实就是一个View对象 <View/>,设置高度1dip，background黑色

android4.0 开发者选项里面有个显示布局边界，可以显示出布局的界线

 

测试代码：

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
<TextView 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="#fff"
    android:background="#88000000"
    android:text="我是功能2"/>
<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="80dp">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:textColor="#000000"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:text="我是大文本" />
    <TextView
        android:layout_below="@id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="#66000000"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:text="我是小文本" />
    <CheckBox 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        />
</RelativeLayout>
<View 
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#ccc"
    />
<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="80dp">

    <TextView
        android:id="@+id/tv_title1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:textColor="#000000"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:text="我是大文本" />
    <TextView
        android:layout_below="@id/tv_title1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="#66000000"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:text="我是小文本" />
    <CheckBox 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        />
</RelativeLayout>
</LinearLayout>