网格布局 4*3 布局中的圆形按钮

Question

如何在 3*4 （l*b） 布局中制作圆形按钮？

我尝试了一个在Android Studio中显示圆形按钮布局的代码。但是当它在手机上运行时，大小会被压缩。如何解决这个问题？

<?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"
    android:weightSum="4"
    android:background="@drawable/bg">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:weightSum="3" >
        <Button
            android:id="@+id/loadmoney"
            android:text="LoadnMoney"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button"
            android:drawableTop="@android:drawable/ic_menu_edit"/>
        <Button
            android:id="@+id/requestmoney"
            android:text="RequestnMoney"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/sendmoney"
            android:text="SendnMoney"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:weightSum="3" >
        <Button
            android:id="@+id/recharge"
            android:text="Recharge"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/paybill"
            android:text="Pay Bill"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/checkbalance"
            android:text="ChecknBalance"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:weightSum="3" >
        <Button
            android:id="@+id/cashout"
            android:text="CAsh Out"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/paymerchant"
            android:text="PaynMerchant"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/viewtransaction"
            android:text="ViewnTransaction"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="10dp"
        android:weightSum="3" >
        <Button
            android:id="@+id/loan"
            android:text="Loan"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/insurance"
            android:text="Insurance"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
        <Button
            android:id="@+id/kyc"
            android:text="Know YournCustomer"
            android:textColor="#FFFFFF"
            android:textSize="10sp"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:background="@drawable/dashboard_button" />
    </LinearLayout>
</LinearLayout>

此代码提供确切的圆形视图。但是它会被压缩，并且在运行后在手机上查看时圆形按钮的大小会受到干扰

Answer 1

根据您的

代码，按钮的宽度 = 屏幕宽度/4，高度 = 屏幕高度/4。

除非你的屏幕高度等于屏幕高度，否则毫无疑问会被压缩;