LinearLayout具有固定按钮宽度

时间：2018-03-21 05:58:34

标签： java android

第一，我创​​造了类似的东西： BadLayout 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="30dp"
android:paddingRight="30dp"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">

<LinearLayout
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="76dp"
    android:orientation="horizontal"
    android:weightSum="2">

    <Button
        android:id="@+id/button1"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="140dp"
        android:layout_marginEnd="10dp"
        android:layout_weight="1"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button1"
        android:textSize="18sp"/>

    <Button
        android:id="@+id/button2"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="140dp"
        android:layout_marginStart="10dp"
        android:layout_weight="1"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button2"
        android:textSize="18sp" />
</LinearLayout>

<LinearLayout
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/LinearLayout1"
    android:layout_marginTop="20dp"
    android:orientation="horizontal"
    android:weightSum="2">

    <Button
        android:id="@+id/button3"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="140dp"
        android:layout_marginEnd="10dp"
        android:layout_weight="1"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button3"
        android:textSize="18sp" />

    <Button
        android:id="@+id/button4"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="140dp"
        android:layout_marginStart="10dp"
        android:layout_weight="1"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button4"
        android:textSize="18sp" />
</LinearLayout>

但是这种布局不能正常工作。按钮没有固定的宽度。屏幕越宽，按钮越宽。它对我来说不太好看，因为我希望按钮是完美的正方形（例如120dp x 120dp）。我也希望他们能够居中。看起来应该是这样的：GoodLayout。怎么做？

3 个答案:

答案 0 :(得分：0)

您可以尝试使用此代码根据您添加的图片管理您的视图：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="30dp"
    android:paddingRight="30dp"
    android:paddingTop="@dimen/activity_vertical_margin">

    <LinearLayout
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_marginTop="76dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button1"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="170dp"
            android:layout_height="170dp"
            android:layout_marginEnd="10dp"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button1"
            android:textSize="18sp"/>

        <Button
            android:id="@+id/button2"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="170dp"
            android:layout_height="170dp"
            android:layout_marginStart="10dp"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button2"
            android:textSize="18sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/LinearLayout1"
        android:layout_marginTop="20dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button3"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="170dp"
            android:layout_height="170dp"
            android:layout_marginEnd="10dp"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button3"
            android:textSize="18sp" />

        <Button
            android:id="@+id/button4"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="170dp"
            android:layout_height="170dp"
            android:layout_marginStart="10dp"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button4"
            android:textSize="18sp" />
    </LinearLayout>

答案 1 :(得分：0)

试试此代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="30dp"
    android:paddingRight="30dp"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="76dp"
        android:orientation="horizontal"
        android:gravity="center"
        android:weightSum="2">

        <Button
            android:id="@+id/button1"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="120dp"
            android:layout_height="140dp"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button1"
            android:textSize="18sp"/>

        <Button
            android:id="@+id/button2"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="120dp"
            android:layout_height="140dp"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button2"
            android:textSize="18sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/LinearLayout1"
        android:layout_marginTop="20dp"
        android:orientation="horizontal"
        android:gravity="center"
        android:weightSum="2">

        <Button
            android:id="@+id/button3"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="120dp"
            android:layout_height="140dp"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button3"
            android:textSize="18sp" />

        <Button
            android:id="@+id/button4"
            style="@style/Widget.AppCompat.Button.Colored"
            android:layout_width="120dp"
            android:layout_height="140dp"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:backgroundTint="@color/colorPrimary"
            android:text="Button4"
            android:textSize="18sp" />
    </LinearLayout>

答案 2 :(得分：0)

尝试这个答案它肯定适用于任何屏幕尺寸而不改变按钮的大小

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="30dp"
android:paddingRight="30dp"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
 <LinearLayout
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:orientation="vertical"
 >
     <LinearLayout
        android:id="@+id/LinearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
     >
          <Button
             android:id="@+id/button1"
             style="@style/Widget.AppCompat.Button.Colored"
             android:layout_width="120dp"
             android:layout_height="120dp"
             android:backgroundTint="@color/colorPrimary"
             android:text="Button1"
             android:textSize="18sp"
          />

          <Button
              android:id="@+id/button2"
              style="@style/Widget.AppCompat.Button.Colored"
              android:layout_width="120dp"
              android:layout_height="120dp"
              android:layout_marginLeft="20dp"
              android:backgroundTint="@color/colorPrimary"
              android:text="Button2"
              android:textSize="18sp"
          />
     </LinearLayout>

     <LinearLayout
        android:id="@+id/LinearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/LinearLayout1"
        android:layout_marginTop="20dp"
        android:orientation="horizontal"
     >

       <Button
        android:id="@+id/button3"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button3"
        android:textSize="18sp" />

        <Button
        android:id="@+id/button4"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_marginLeft="20dp"
        android:layout_gravity="center_vertical"
        android:backgroundTint="@color/colorPrimary"
        android:text="Button4"
        android:textSize="18sp" />
     </LinearLayout>
 </LinearLayout>

相关问题
最新问题