linearlayout在小屏幕上删除文本的重要部分

Question

以下是截图：

我想要实现的是自动缩小区域1，因此它会将文本保留在2行，但不会影响布局的区域2。我必须在区域2中显示所有信息。

以下是我的布局代码：

<!-- Content of the header -->
<LinearLayout
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:background="@drawable/backrepeat"
        android:layout_margin="8dp">

    <!-- More details button -->
    <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:src="@drawable/ic_menu_more"
            android:onClick="expandView"
            android:id="@+id/card_button_more_details" />

    <!-- Edit nickname button -->
    <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:onClick="editNickname"
            android:src="@drawable/ic_menu_edit"
            android:id="@+id/card_button_edit_nickname"/>

    <!-- Nickname or number of the card -->
    <TextView
            android:layout_width="0px"
            android:layout_weight="1"
            android:layout_height="fill_parent"
            android:id="@+id/card_value_nickname_or_number"
            android:layout_margin="8dp" android:gravity="center_vertical" android:layout_gravity="center_vertical"
            android:textColor="@color/white"/>

    <!-- Current balance -->
    <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:id="@+id/frameLayoutBalanceClosed"
            android:background="@drawable/balance_warning">
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:id="@+id/card_value_balance"
                android:layout_margin="8dp"
                android:layout_gravity="center_vertical|right"
                android:singleLine="true" android:gravity="center_vertical" 
                android:textColor="@color/white"/>
    </FrameLayout>
</LinearLayout>

非常感谢您的帮助。

Answer 1

我建议您将线性布局更改为相对布局。将前三个视图（2个图像视图和文本视图）设置为向左下方，而最后一个文本视图将以固定大小向右下方。这应该可以解决你的问题。