如何实现5个按钮成梅花状排列,并整体居中?
16lz
2021-01-23
内层使用RelativeLayout即可实现,外层使用FrameLayout用于整体的布局。
代码如下:
<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" > <!-- 左上按钮 --> <Button android:id="@+id/btn_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_1" /> <!-- 居中按钮 --> <Button android:id="@+id/btn_3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_3" android:layout_toRightOf="@id/btn_1" android:layout_below="@id/btn_1" /> <!-- 左下按钮 --> <Button android:id="@+id/btn_2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_2" android:layout_below="@id/btn_3" /> <!-- 右上按钮 --> <Button android:id="@+id/btn_4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_4" android:layout_toRightOf="@id/btn_3" /> <!-- 右下按钮 --> <Button android:id="@+id/btn_5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/btn_5" android:layout_toRightOf="@id/btn_3" android:layout_below="@id/btn_3" /> </RelativeLayout> </FrameLayout>
效果如下:
更多相关文章
- Android 监听EditText是否为空,控制按钮是否可用
- Android点击返回按钮两次退出系统
- Android中利用SpannableString实现点击同一按钮(Button)不同位置
- Android中的基础----在按钮上显示图像的方式
- android 按钮 的状态
- Android 关闭虚拟按钮、底部导航条
- Android圆角按钮的制作方法