体验1,android:layout_weight是宽高的布局中,非常有用,整体布局的时候非常有用,用于设置宽高的比例;
设置
android:layout_weight的时候,对应的layout_width或layout_height可以填写0dp
体验2,android:gravity内部部件的排列方式:居中,靠左,靠右。。。
而android:layout_gravity是设置本部件在整体中的布局
体验3,android:padding,设置内部组件到边缘的最小距离,这个也非常有用
更准确了,是下面的
android:dividerHeight="10dp" (这个是listview的东西)
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
体验4,把内部组件放在某个靠边的位置
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="2dp"
android:layout_marginRight="2dp"
android:layout_alignParentRight="true"
android:layout_marginBottom="2dp"
android:layout_marginRight="2dp"
体验5,把内部组件放在另外一个组件的相对位置
MUstate放在CU的上面
android:layout_above="@+id/CU_State"
android:layout_alignLeft="@id/CU_State"
android:layout_alignLeft="@id/CU_State"
体验6,ImageView中android:scaleType="centerCrop" ,拉伸图片效果很给力
<?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="horizontal" >
<!-- -->
<RelativeLayout
android:id="@+id/linearLayoutCameraLive_live"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="9"
android:orientation="horizontal" >
<SurfaceView
android:id="@+id/surfaceViewCameraLive"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
<TextView
android:id="@+id/camera_title"
android:layout_width="match_parent"
android:layout_height="40dp"
android:background="#50000000"
android:gravity="center"
android:padding="4dp"
android:text="@string/title"
android:textColor="@color/white"
android:textSize="18sp" />
<!-- <ImageView
android:id="@+id/camera_settings"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_alignParentRight="true"
android:layout_marginRight="4dp"
android:layout_marginTop="2dp"
android:padding="5dp"
android:scaleType="fitXY"
android:src="@drawable/white_btn_setting" /> -->
<TextView
android:id="@+id/CU_State"
android:layout_width="100dp"
android:layout_height="20dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="2dp"
android:layout_marginRight="2dp"
android:background="#50000000"
android:scaleType="fitXY"
android:text="@string/CU_State"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="10sp"
android:gravity="center|left" />
<TextView
android:id="@+id/MU_State"
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#50000000"
android:layout_marginBottom="2dp"
android:text="@string/MU_State"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="10sp"
android:layout_above="@+id/CU_State"
android:layout_alignLeft="@id/CU_State"
android:gravity="center|left" />
</RelativeLayout>
<RelativeLayout android:id="@+id/rightComponent"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center"
android:ignoreGravity="@+id/imagecamera_settings">
<ImageView
android:id="@+id/imagecamera_settings"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1dp"
android:scaleType="centerCrop"
android:src="@drawable/btn_camera_setting" />
<ImageView
android:id="@+id/imageStartButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/camera_start"
android:scaleType="fitCenter"/>
</RelativeLayout>
</LinearLayout>
<LinearLayout xmlns:android=" http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<!-- -->
<RelativeLayout
android:id="@+id/linearLayoutCameraLive_live"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="9"
android:orientation="horizontal" >
<SurfaceView
android:id="@+id/surfaceViewCameraLive"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
<TextView
android:id="@+id/camera_title"
android:layout_width="match_parent"
android:layout_height="40dp"
android:background="#50000000"
android:gravity="center"
android:padding="4dp"
android:text="@string/title"
android:textColor="@color/white"
android:textSize="18sp" />
<!-- <ImageView
android:id="@+id/camera_settings"
android:layout_width="35dp"
android:layout_height="35dp"
android:layout_alignParentRight="true"
android:layout_marginRight="4dp"
android:layout_marginTop="2dp"
android:padding="5dp"
android:scaleType="fitXY"
android:src="@drawable/white_btn_setting" /> -->
<TextView
android:id="@+id/CU_State"
android:layout_width="100dp"
android:layout_height="20dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="2dp"
android:layout_marginRight="2dp"
android:background="#50000000"
android:scaleType="fitXY"
android:text="@string/CU_State"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="10sp"
android:gravity="center|left" />
<TextView
android:id="@+id/MU_State"
android:layout_width="100dp"
android:layout_height="20dp"
android:background="#50000000"
android:layout_marginBottom="2dp"
android:text="@string/MU_State"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="10sp"
android:layout_above="@+id/CU_State"
android:layout_alignLeft="@id/CU_State"
android:gravity="center|left" />
</RelativeLayout>
<RelativeLayout android:id="@+id/rightComponent"
android:layout_width="0dp"
android:layout_height="fill_parent"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center"
android:ignoreGravity="@+id/imagecamera_settings">
<ImageView
android:id="@+id/imagecamera_settings"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1dp"
android:scaleType="centerCrop"
android:src="@drawable/btn_camera_setting" />
<ImageView
android:id="@+id/imageStartButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/camera_start"
android:scaleType="fitCenter"/>
</RelativeLayout>
</LinearLayout>