在android的xml文件中，Button的大小过于异常

Question

我想在android中实现以下文件。

到目前为止，我的实施如下：

此处屏幕最后一个按钮的大小太大。我不明白为什么按钮的大小太大了？

我的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:orientation="vertical"
    android:padding="5dp"
    android:weightSum="3" >

    <RelativeLayout
        android:id="@+id/relative_layout_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#BDD6E0"
        android:orientation="vertical"
        android:padding="5dp"
        android:paddingBottom="10dp" >

        <TextView
            android:id="@+id/textView_Welcome"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/imageView_ProPic"
            android:text="Welcome Back"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="#000000" />

        <TextView
            android:id="@+id/textView_Name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/textView_Welcome"
            android:layout_toLeftOf="@+id/imageView_ProPic"
            android:paddingLeft="10dp"
            android:text="Sultan Ahmed Sagor"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#000000" />

        <ImageView
            android:id="@+id/imageView_ProPic"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_marginBottom="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginTop="5dp"
            android:contentDescription="ProPic"/>
    </RelativeLayout>

    <TableLayout
    android:id="@+id/table_layout_1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/relative_layout_1" 
    android:weightSum="8" >

        <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" >

                 <TextView
                android:id="@+id/settings_user_name_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                 android:text="Instructional Use :" 
                android:gravity="center|left"
                android:paddingLeft="10sp"
                     android:textAppearance="?android:attr/textAppearanceMedium" 
                android:textColor="#000000" />

            </TableRow>

        <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" >

                 <TextView
                android:id="@+id/settings_user_name_text3"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:text="Drug Name :       Gopten"  
                android:paddingLeft="10sp"
                     android:textAppearance="?android:attr/textAppearanceMedium" 
                android:textColor="#000000" />

            </TableRow>

        <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:layout_weight="4" >



                 <TextView
                     android:id="@+id/text_instructions"
                     android:layout_width="match_parent"
                     android:layout_height="match_parent"
                     android:layout_weight="1"
                     android:background="@drawable/border_for_image"
                     android:maxLines="15"
                     android:paddingLeft="10sp"
                     android:text="@string/text_ins"
                     android:textColor="#000000" />

            </TableRow>

        <TableRow
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@drawable/border_for_edit_text" 
        android:layout_margin="10sp"
        android:layout_weight="1" >

                 <Button
                android:id="@+id/settings_user_name_text"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                 android:text="BACK" 
                android:gravity="center|center"
                android:paddingLeft="10sp"
                     android:textAppearance="?android:attr/textAppearanceMedium" 
                android:textColor="#000000" />

            </TableRow>



    </TableLayout>

</RelativeLayout>

你能帮我指出我有错误的地方/为什么屏幕最后一个按钮的尺寸太大了？

Answer 1

您将按钮设置为'match_parent'，这将使其增长到适合其父级的大小（在这种情况下为全宽）。

尝试（使其与文本一样大）：

 <Button
            android:id="@+id/settings_user_name_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

或（使其具体尺寸）：

 <Button
            android:id="@+id/settings_user_name_text"
            android:layout_width="48dp"
            android:layout_height="96dp"

Answer 2

尝试将此添加到您的xml按钮

android:layout_width="wrap_content"
android:layout_height="wrap_content"