【问题标题】:Flexible button width according another buttons width根据另一个按钮宽度灵活按钮宽度
【发布时间】:2019-03-28 07:29:07
【问题描述】:

我尝试制作 3 个垂直方向的按钮,问题是第一个按钮比其他按钮最宽,我怎样才能让另外两个按钮自动跟随第一个按钮的宽度?

应该喜欢这个>

以下是我的代码示例

<?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">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal|center_vertical"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="THIS IS JUST A EXAMPLE BUTTON"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="BUTTON 2"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="BUTTON 3"/>
</LinearLayout>

</RelativeLayout>

【问题讨论】:

    标签: java android xml button


    【解决方案1】:

    像这样改变你的LinearLayout,它会正常工作

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center_horizontal|center_vertical"
        android:orientation="vertical">
    
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="THIS IS JUST A EXAMPLE BUTTON" />
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="BUTTON 2" />
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="BUTTON 3" />
    </LinearLayout>
    

    【讨论】:

      【解决方案2】:

      如果您愿意使用ConstraintLayout,您可以这样做。你只需要调整一些部分,但如果你真的不需要它,它看起来就像你的示例看起来像一个表格。

      <?xml version="1.0" encoding="utf-8"?>
      <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto"
          android:layout_width="match_parent"
          android:layout_height="match_parent">
      
          <Button
              android:id="@+id/button"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_marginStart="8dp"
              android:layout_marginTop="8dp"
              android:layout_marginEnd="8dp"
              android:text="THIS IS JUST A EXAMPLE BUTTON"
              app:layout_constraintEnd_toEndOf="parent"
              app:layout_constraintStart_toStartOf="parent"
              app:layout_constraintTop_toTopOf="parent" />
      
          <Button
              android:id="@+id/button2"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_marginStart="32dp"
              android:layout_marginTop="8dp"
              android:layout_marginEnd="32dp"
              android:text="BUTTON 2"
              app:layout_constraintEnd_toEndOf="@+id/button"
              app:layout_constraintStart_toStartOf="@+id/button"
              app:layout_constraintTop_toBottomOf="@+id/button" />
      
          <Button
              android:id="@+id/button3"
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_marginStart="32dp"
              android:layout_marginTop="8dp"
              android:layout_marginEnd="32dp"
              android:text="BUTTON 3"
              app:layout_constraintEnd_toEndOf="@+id/button"
              app:layout_constraintStart_toStartOf="@+id/button"
              app:layout_constraintTop_toBottomOf="@+id/button2" />
      
      </android.support.constraint.ConstraintLayout>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-07-17
        • 1970-01-01
        相关资源
        最近更新 更多