LinearLayout:如何在没有换行符的情况下正确换行较长的文本
LinearLayout: How to correctly wrap longer text with no line breaks
这是我当前的列表视图行布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="5dp"
android:text="99.99.9999"
android:layout_weight="0.2"/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="0.6">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking text"
android:id="@+id/txtComment"/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:layout_marginTop="10dp"
android:textStyle="bold"
android:layout_marginRight="5dp"
android:text="-1234,56" />
</LinearLayout>
</LinearLayout>
问题出在 ID 为 txtComment
的 TextView 中。对于包含常规换行符的短文本内容和文本内容,一切看起来都很好。
但是一旦出现没有换行的长文本,Android 仍然会换行但还会改变周围 LinearLayout 的权重,从而压缩左右文本视图。
如何确保对于没有换行符的长文本 Android 仍然尊重元素的权重?
显示问题的屏幕截图:
试试这个,
权重无法正常工作,因为您将宽度设置为 wrap_content
。将其更改为 0dp
.
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="5dp"
android:text="99.99.9999"
android:layout_weight="0.2"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="0.6">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking text"
android:id="@+id/txtComment"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:layout_marginTop="10dp"
android:textStyle="bold"
android:layout_marginRight="5dp"
android:text="-1234,56" />
</LinearLayout>
您只需将 android:layout_width="wrap_content"
设置为 android:layout_width="0dip"
即可。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:layout_weight="0.2"
android:text="99.99.9999" />
<LinearLayout
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="0.6"
android:orientation="vertical">
<TextView
android:id="@+id/txtComment"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking text" />
</LinearLayout>
<LinearLayout
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:gravity="right"
android:text="-1234,56"
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
事实是,布局工作正常:-)您将权重设置为 20%、60% 和 20%,这正是最后一种情况。
此外,使用 LineraLayout
权重时应设置 android:layout_width="0dp"
。
在您的根元素中:android:weightSum="1"
在你的子元素中android:layout_width="0dp"
有更好更简洁的方法来实现:
<android.support.v7.widget.GridLayout 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="wrap_content"
android:layout_centerHorizontal="true"
android:padding="4dp"
app:alignmentMode="alignBounds"
app:columnCount="3"
app:rowOrderPreserved="false"
app:useDefaultMargins="true">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:text="99.99.9999"
app:layout_gravity="fill_horizontal" />
<TextView
android:id="@+id/txtComment"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking text"
app:layout_columnWeight="3"
app:layout_gravity="fill_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:gravity="right"
android:text="-1234,56"
android:textStyle="bold"
app:layout_gravity="fill_horizontal" />
</android.support.v7.widget.GridLayout>
另外不要忘记在您的 gradle 文件中添加:
compile 'com.android.support:gridlayout-v7:24.1.0'
这是我当前的列表视图行布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="5dp"
android:text="99.99.9999"
android:layout_weight="0.2"/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="0.6">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking text"
android:id="@+id/txtComment"/>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:layout_marginTop="10dp"
android:textStyle="bold"
android:layout_marginRight="5dp"
android:text="-1234,56" />
</LinearLayout>
</LinearLayout>
问题出在 ID 为 txtComment
的 TextView 中。对于包含常规换行符的短文本内容和文本内容,一切看起来都很好。
但是一旦出现没有换行的长文本,Android 仍然会换行但还会改变周围 LinearLayout 的权重,从而压缩左右文本视图。
如何确保对于没有换行符的长文本 Android 仍然尊重元素的权重?
显示问题的屏幕截图:
试试这个,
权重无法正常工作,因为您将宽度设置为 wrap_content
。将其更改为 0dp
.
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginLeft="5dp"
android:text="99.99.9999"
android:layout_weight="0.2"/>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_weight="0.6">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking text"
android:id="@+id/txtComment"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:layout_marginTop="10dp"
android:textStyle="bold"
android:layout_marginRight="5dp"
android:text="-1234,56" />
</LinearLayout>
您只需将 android:layout_width="wrap_content"
设置为 android:layout_width="0dip"
即可。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:layout_weight="0.2"
android:text="99.99.9999" />
<LinearLayout
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="0.6"
android:orientation="vertical">
<TextView
android:id="@+id/txtComment"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking text" />
</LinearLayout>
<LinearLayout
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="0.2">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:gravity="right"
android:text="-1234,56"
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
事实是,布局工作正常:-)您将权重设置为 20%、60% 和 20%,这正是最后一种情况。
此外,使用 LineraLayout
权重时应设置 android:layout_width="0dp"
。
在您的根元素中:android:weightSum="1"
在你的子元素中android:layout_width="0dp"
有更好更简洁的方法来实现:
<android.support.v7.widget.GridLayout 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="wrap_content"
android:layout_centerHorizontal="true"
android:padding="4dp"
app:alignmentMode="alignBounds"
app:columnCount="3"
app:rowOrderPreserved="false"
app:useDefaultMargins="true">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:text="99.99.9999"
app:layout_gravity="fill_horizontal" />
<TextView
android:id="@+id/txtComment"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="This is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking textThis is a correct looking text"
app:layout_columnWeight="3"
app:layout_gravity="fill_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:gravity="right"
android:text="-1234,56"
android:textStyle="bold"
app:layout_gravity="fill_horizontal" />
</android.support.v7.widget.GridLayout>
另外不要忘记在您的 gradle 文件中添加:
compile 'com.android.support:gridlayout-v7:24.1.0'