布局平分，中间有竖线，如dialog里取消确定

最新推荐文章于 2021-08-26 10:16:52 发布

原创最新推荐文章于 2021-08-26 10:16:52 发布 · 731 阅读

1 ·

CC 4.0 BY-SA版权

安卓同时被 2 个专栏收录

99 篇文章

订阅专栏

dialog里取消确定布局

1 篇文章

订阅专栏

本文介绍了一种用于Android应用中的对话框布局设计方案，通过使用RelativeLayout和LinearLayout实现按钮居中及等宽排列。此布局包括两个透明背景的按钮，分别显示为“取消”和“确定”，并由一条细线分隔。

效果如下：



<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">
            <LinearLayout
                android:layout_width="match_parent"
                android:orientation="horizontal"
                android:layout_height="match_parent">
                <Button
                    android:id="@+id/permission_dialog_leftbt"
                    android:layout_width="wrap_content"
                    android:layout_weight="1"
                    android:layout_alignParentLeft="true"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="取消"
                    android:textColor="@color/blue"
                    android:textSize="@dimen/cloudiphoto_circle_popwidnw_textsize"
                    android:background="@android:color/transparent"/>
                <Button
                    android:id="@+id/permission_dialog_rightbt"
                    android:layout_width="wrap_content"
                    android:layout_weight="1"
                    android:layout_alignParentRight="true"
                    android:layout_height="match_parent"
                    android:text="确定"
                    android:textColor="@color/blue"
                    android:gravity="center"
                    android:textSize="@dimen/cloudiphoto_circle_popwidnw_textsize"
                    android:background="@android:color/transparent"/>
            </LinearLayout>
            <View
                android:layout_width="0.5dp"
                android:layout_height="match_parent"
                android:background="@color/pop_stroke_color"
                android:layout_centerHorizontal="true"/>

        </RelativeLayout>