layout_weight布局中遇到的問題記錄一下
阿新 • • 發佈:2018-08-02
布局 wid dddd textview near out 解決方法 nbsp rap
想要在布局中設置三個LinearLayout各占三分之一,使用android:layout_weight="1"設置後,發現第一個LinearLayout超過了三分之一,代碼如下:
代碼:
<LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:background="#fff" android:layout_height="80dp"> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0.00000" android:textSize="20sp" android:textColor="#2395FF"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#2395FF" android:text="元"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="錢包" android:textColor="#666666"/> </LinearLayout> <View android:layout_width="0.1dp" android:layout_height="match_parent" android:background="#DDDDDD"/> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0" android:textSize="20sp" android:textColor="#FF5F3E"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="個" android:textColor="#FF5F3E"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="紅包" android:textColor="#666666"/> </LinearLayout> <View android:layout_width="0.1dp" android:layout_height="match_parent" android:background="#DDDDDD"/> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0" android:textSize="20sp" android:textColor="#FFA200"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="個" android:textColor="#FFA200"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="金幣" android:textColor="#666666"/> </LinearLayout> </LinearLayout>
運行效果:
解決方法:將上面代碼中含有android:layout_weight="1" 的 LinerLayout 中把android:layout_width="wrap_content" 改為android:layout_width="0dp",就可以解決了
代碼如下:
<LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:background="#fff" android:layout_height="80dp"> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0.00" android:textSize="20sp" android:textColor="#2395FF"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#2395FF" android:text="元"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="錢包" android:textColor="#666666"/> </LinearLayout> <View android:layout_width="0.1dp" android:layout_height="match_parent" android:background="#DDDDDD"/> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0" android:textSize="20sp" android:textColor="#FF5F3E"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="個" android:textColor="#FF5F3E"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="紅包" android:textColor="#666666"/> </LinearLayout> <View android:layout_width="0.1dp" android:layout_height="match_parent" android:background="#DDDDDD"/> <LinearLayout android:gravity="center" android:layout_weight="1" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent"> <LinearLayout android:orientation="horizontal" android:layout_marginBottom="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0" android:textSize="20sp" android:textColor="#FFA200"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="個" android:textColor="#FFA200"/> </LinearLayout> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="金幣" android:textColor="#666666"/> </LinearLayout> </LinearLayout>
運行效果:
layout_weight布局中遇到的問題記錄一下