Android布局空间填充问题

Question

我真的很难想出一个可行的布局。我有一个填充屏幕宽度的视图。它包含三个子视图：

1. 一些文本
2. 正文后的数字在括号
3. A键

按钮是右对齐，而文本项留如图所示：

 
| Some heading text (n)    [button] | 

问题是控制文本太长时会发生什么。我想这样，所以这个数字总是在主文本的右边可见。主文本应根据需要截断，以便其他两个视图保持可见。

 
| Some very very long headin... (n) [button] | 

最近我有它成功地截断的（N）正文结果总是被右对齐按钮旁边即使主文本是足够短，以适应。这不是我想要的。

你会如何处理这个问题？

我没有发布任何我当前的XML，以免损害任何人的建议。

Answer 1

我不相信有任何XML布局。我的猜测是，你将需要延长TextView和测量内onDraw(...)文本长度，通过一些迭代相应地调整文本（即，在一个时间，直到文本适合在画布上移除一个字符）

我刚刚发现了另一个与您非常相似的问题：Ellipsize only a section in a TextView。没有其他答案，在中间椭圆大小。

---

另一个想法：

我不知道它是否会工作有一个的TextView与正文（ellipsize左，WRAP_CONTENT）和另一个与数圆括号中的（wrap_content），两者都在水平线性布局内。该布局将的相对布局和layout_toLeftOf按钮，这将是WRAP_CONTENT，layout_alignParentRight内部。

它有什么意义吗？我现在没有Eclipse来亲自测试它。不确定（n）文本视图是否会丢失在按钮后面或者没有长文本。

或者（和不感兴趣），你可以设置一个相对单一布局与两个textviews 所有layout_toRightOf和右对齐（layout_alignParentRight）按钮，并设置最大witdth OT第一的TextView（ android：maxWidth）。 不过，您需要为不同的屏幕设置不同的布局。

---

具有固定最大宽度根据需要，将工作的一个例子：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="click me" 
    android:id="@+id/bt1" 
    android:layout_alignParentRight="true" 
    />  
    <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="short text" 
    android:lines="1" 
    android:ellipsize="end" 
    android:id="@+id/t1" 
    android:layout_alignParentLeft="true" 
    /> 
    <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="(n)" 
    android:lines="1" 
    android:id="@+id/n1" 
    android:layout_toRightOf="@id/t1" 
    /> 
    <Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="click me" 
    android:id="@+id/bt2" 
    android:layout_below="@id/bt1" 
    android:layout_alignParentRight="true" 
    />  
    <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="very long text that will not fit in any layout, regardless of the size of the screen" 
    android:lines="1" 
    android:ellipsize="end" 
    android:id="@+id/t2" 
    android:layout_below="@id/bt1" 
    android:layout_alignParentLeft="true" 
    android:maxWidth="220dp" 
    /> 
    <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="(n)" 
    android:lines="1" 
    android:id="@+id/n2" 
    android:layout_below="@id/bt1" 
    android:layout_toRightOf="@id/t2" 
    /> 
</RelativeLayout> 

Answer 2

尝试的LinearLayout，设置文本视图的重量为1 ,,和省略号设定为TruncateAt.MIDDLE。勾选此布局

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="wrap_content"> 
    <TextView android:id="@+id/text" android:layout_width="0dp" 
     android:layout_height="wrap_content" android:lines="1" 
     android:ellipsize="middle" android:gravity="left" 
     android:layout_weight="1" /> 
    <Button android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
</LinearLayout> 

Answer 3

的关键是项目的排序，因为这是他们所测量的顺序，以确保您的按钮和(n)文本获得的总体布局足够的空间：

<RelativeLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    > 

    <Button 
    android:id="@+id/button" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    /> 

    <TextView 
    android:id="@+id/middle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:gravity="left" 
    android:layout_toLeftOf="@id/button" 
    android:text="(n)" 
    /> 

    <TextView 
    android:id="@+id/title" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_toLeftOf="@id/middle" 
    android:layout_alignParentLeft="true" 
    android:gravity="left" 
    android:ellipsize="end" 
    android:text="Some really long to text to make this flow over" 
    android:lines="1" 
    android:maxLines="1" 
    /> 

</RelativeLayout>