Android以垂直方向LinearLayout中TextView的百分比设置最大宽度

vkc1a9a2 于 2023-02-14 发布在 Android

关注(0)|答案(4)|浏览(170)

我想在以下垂直方向的LinearLayout中，将带有tv_long_text的TextView的布局_权重设置为80%。

<LinearLayout
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical">
    <TextView
            android:id="@+id/tv_short_text"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            tools:text="short text" />
    <TextView
            android:id="@+id/tv_long_text"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="0.8"
            tools:text="a pretty long text" />
</LinearLayout>

上述操作无效，因为文本视图的父视图的方向是垂直的。
因此，我尝试在xml中设置android:layout_width="match_parent"，然后通过获得测量的宽度在运行时设置宽度，然后将宽度设置为80%，但getMeasuredWidth给我的结果是0。

int measuredWidth = longTextView.getMeasuredWidth();
LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) longTextView.getLayoutParams();
params.width = (int) (measuredWidth * 0.8);
longTextView.setLayoutParams(params);

我还尝试在运行时设置layout_weight，但也不起作用，可能是因为它的父视图是垂直方向的。

longTextView.setLayoutParams(
        new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.MATCH_PARENT,
                0.8f)
);

对我有效的方法是为长文本视图添加一些额外的视图。但它只是为了尝试以百分比设置此视图的宽度而添加了2个额外的视图。是否有其他有效的方法来做到这一点？

<LinearLayout
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical">
    <TextView
            android:id="@+id/tv_short_text"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            tools:text="short text" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:id="@+id/tv_long_text"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="0.8"
            android:textStyle="bold"
            tools:text="a pretty long text" />
        <View
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"/>
    </LinearLayout>
</LinearLayout>

android

来源：https://stackoverflow.com/questions/41856702/android-set-max-width-in-percentage-of-a-textview-in-linearlayout-of-vertical-or

4条答案

按热度按时间

z0qdvdin1#

我不会尝试摆弄运行时测量。您的解决方案与第二个水平布局是完美的，因为您有两个文本视图水平扩展。
另一个选项是com.android.support:percent:25.1.0支持库中的PercentRelativeLayout请参阅此处
这是文件上的

<android.support.percent.PercentRelativeLayout
         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">
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
 </android.support.percent.PercentRelativeLayout>

赞(0）回复(0）举报 2023-02-14

qc6wkl3g2#

使用android：布局权重

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            />
        <android.support.v4.widget.Space
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="3"/>
    </LinearLayout>

试试这个结构，让TextView流只有75%的屏幕宽度。你可以调整空格宽度来实现，你想要的像2为50%。

赞(0）回复(0）举报 2023-02-14

jxct1oxe3#

您可以使用android:weightSum，无需额外的View即可获得相同的结果，例如：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:id="@+id/activity_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:weightSum="10"
            android:orientation="vertical">

    <TextView
        android:id="@+id/tv_short_text"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        tools:text="short text" />
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="10">
        <TextView
            android:id="@+id/tv_long_text"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="8"
            android:textStyle="bold"
            tools:text="a pretty long text a pretty long text a pretty long text" />
    </LinearLayout>
</LinearLayout>

赞(0）回复(0）举报 2023-02-14

mklgxw1f4#

使用约束布局的解决方案：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/selector_rect_white_gray">

    <TextView
        android:id="@+id/tv_short_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:text="short text" />

    <TextView
        android:id="@+id/tv_long_text"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tv_short_text"
        app:layout_constraintWidth_percent=".8"
        tools:text="very long text - 80% of screen width exact" />

</androidx.constraintlayout.widget.ConstraintLayout>

赞(0）回复(0）举报 2023-02-14

我来回答

Android以垂直方向LinearLayout中TextView的百分比设置最大宽度

4条答案

相关问题

热门标签

最新问答