LinearLayout不包装不同字体大小的Button视图

时间:2016-04-07 13:28:12

标签: android android-layout

我正在创建一个输入密码的屏幕。我使用了垂直线性布局。在这种线性布局中,我创建了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>

1 个答案:

答案 0 :(得分:0)

这是因为Android中的按钮作为视图有一些基本参数(样式),用于文本设置为&#34; text&#34;参数,图像到&#34;背景&#34;等等。 只是尝试使用另一个视图元素为您执行任务。对于前者简单的TextView。

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