横向、纵向充满屏幕(4个按钮正好各占1/4屏幕面积(居中))——田字格

前端之家收集整理的这篇文章主要介绍了横向、纵向充满屏幕(4个按钮正好各占1/4屏幕面积(居中))——田字格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

田字格 amxl

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/main_bg">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="50"
        android:orientation="vertical">
        <Button
            android:text="Button1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="50"
            android:id="@+id/button1" />
        <Button
            android:text="Button2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="50"
            android:id="@+id/button2" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="50"
        android:orientation="vertical">
        <Button
            android:text="Button3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="50"
            android:id="@+id/button3" />
        <Button
            android:text="Button4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="50"
            android:id="@+id/button4" />
    </LinearLayout>
</LinearLayout>

android:layout_weight="50" 权重属性

注意权重属性就行啦,比如在LinearLayout 内一个权重是 70 一个权重是30 那么权重70的比30的宽按比例宽的

效果图:


使用权重设置分屏占用比例如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:minWidth="25px"
    android:minHeight="25px">
    <FrameLayout
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/FrameLayout1">
        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/linearLayout2">
            <Button
                android:text="Button1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/button1" />
        </LinearLayout>
    </FrameLayout>
    <FrameLayout
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_weight="8"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/FrameLayout2">
        <LinearLayout
            android:id="@+id/LinearLayout2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:layout_alignParentBottom="true">
            <Button
                android:id="@+id/Button2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="Button2"
                android:background="#00ffff"
                android:layout_marginRight="1dp"
                android:textColor="#000000"
                android:layout_weight="1"
                android:textSize="50px" />
            <Button
                android:id="@+id/Button3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="Button3"
                android:background="#00ffff"
                android:layout_weight="1"
                android:layout_marginLeft="0.0dp"
                android:textColor="#000000"
                android:textSize="50px" />
        </LinearLayout>
    </FrameLayout>
</LinearLayout>

猜你在找的XML相关文章