android - 线性布局在小屏幕上擦除文本的重要部分

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 个图像视图和文本视图）设置为向左显示，而最后一个文本视图将以固定大小显示在右侧。那应该可以解决您的问题。