LinearLayout 不包装不同字体大小的按钮视图答案

【问题标题】：LinearLayout not wrapping Button views of different font sizeLinearLayout 不包装不同字体大小的按钮视图
【发布时间】：2016-04-07 21:53:34
【问题描述】：

我正在创建一个屏幕来输入密码。我使用了垂直线性布局。在这个线性布局中，我创建了 4 个水平线性布局。在这些线性布局中，我将按钮设置为固定宽度和高度。对于相同字体大小的按钮文本，它显示得很好，但是当我减小最后 2 个按钮的字体大小时，这 2 个按钮被剪裁在水平线性布局中。请查看屏幕截图以获得更好的解释。

With different button font sizes

With same button font sizes (40sp)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   style="@style/RootLayout"
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical">
   <include layout="@layout/actionbar_login"/>
   <TextView
      style="@style/TextViewLarge"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:layout_marginTop="40dp"
      android:text="@string/welcome"/>
   <TextView
      style="@style/TextViewNormal"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:layout_marginTop="5dp"
      android:text="@string/enter_pin"/>
   <LinearLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:layout_marginTop="30dp"
      android:orientation="horizontal">
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_marginRight="20dp"
         android:background="@drawable/circle_gray"/>
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_marginRight="20dp"
         android:background="@drawable/circle_gray"/>
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_marginRight="20dp"
         android:background="@drawable/circle_gray"/>
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_marginRight="20dp"
         android:background="@drawable/circle_gray"/>
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_marginRight="20dp"
         android:background="@drawable/circle_gray"/>
      <View
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:background="@drawable/circle_gray"/>
   </LinearLayout>
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_horizontal"
      android:orientation="horizontal">
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_1"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_2"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_3"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
   </LinearLayout>
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_horizontal"
      android:orientation="horizontal">
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_4"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_5"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_6"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
   </LinearLayout>
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_horizontal"
      android:orientation="horizontal">
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_7"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_8"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_9"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
   </LinearLayout>
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_horizontal"
      android:orientation="horizontal">
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="0"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:layout_marginRight="30dp"
         android:background="@drawable/selector_pin_button"
         android:text="@string/_0"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
      <Button
         android:layout_width="70dp"
         android:layout_height="70dp"
         android:background="@drawable/selector_pin_button"
         android:text="0"
         android:textColor="@drawable/selector_pin_button_text"
         android:textSize="40sp"/>
   </LinearLayout>
</LinearLayout>

【问题讨论】：

数字为一位，字母为6位及以上
那么它应该将文本保持在 70dp 的宽度和高度内，为什么它将整个按钮移动到底部？
线性布局是包装内容。如果它将按钮移动到底部，至少它不应该剪辑按钮。
@HiteshGupta 尝试使用 layout_weight 属性
在使用 layout_weight 后，它没有剪裁按钮，但仍然向下推。

标签： android android-layout

【解决方案1】：

这是因为 Button 作为 Android 中的视图有一些基本参数（样式），用于将文本设置为“文本”参数，将图像设置为“背景”等。只需尝试为您的任务使用另一个视图元素。例如。简单的文本视图。

另一个问题，它是你父 ViewGroup 的 wrap_content，它可以通过不同的原因增加他的大小。

【讨论】：