Question

我正在布局一个应用程序，它在ListView中显示搜索结果。我已将每个项目定义为具有自定义布局，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="5dp"
    android:paddingRight="?android:attr/scrollbarSize" >

    <TextView
        android:id="@+id/title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:ellipsize="end"
        android:textAppearance="?android:attr/textAppearanceSearchResultTitle"
        android:textIsSelectable="false" />

    <TextView
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/title"
        android:layout_toRightOf="@+id/subtitle" 
        android:gravity="bottom|right"
        android:textAppearance="?android:attr/textAppearanceSearchResultSubtitle"
        android:textIsSelectable="false" />

    <TextView
        android:id="@+id/subtitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/title"
        android:gravity="bottom|left"
        android:textAppearance="?android:attr/textAppearanceSearchResultSubtitle"
        android:textIsSelectable="false" />

</RelativeLayout>

当字幕和日期的长度适合单行时，这看起来很棒，但是如果字幕消耗大部分行并强制日期采取非常薄的宽度并因此垂直包裹它看起来很糟糕。

我想做的是让它们在有空间的情况下并排显示，但如果没有，则分开显示。我试图摆弄各种layout_ *属性和引力无济于事，问题不是谷歌能够（至少，我想不出正确的搜索词）。任何人都可以指出我需要实现这个布局规则的组合吗？或者如果一个更合适，也许是一个不同的容器？

Answer 1

我相信下面的代码会做你想要的，但我看不到只在xml布局中这样做的方法。基本上我已经将textChangedListener添加到两个不同的TextView中，这两个TextView具有我认为你正在寻找的两个不同的布局选项，两者都在他们自己的相对布局中，日期显示textview。设置字幕时，其中第一个用于保存文本，如果需要多行，则使用第二个TextView，在任何一种情况下，另一个将其可见性选项设置为GONE。在我的例子中，我使用一个单独的线程来改变字幕，希望这不会太多混淆。

布局xml如下：

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<TextView
    android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:ellipsize="end"
    android:textAppearance="?android:attr/textAppearanceSearchResultTitle"
    android:background="#FF009999"
    android:textIsSelectable="false"
    android:text="@string/my_title" />
<RelativeLayout 
    android:id="@+id/resizingTextContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/title" >
    <TextView
        android:id="@+id/date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:textAppearance="?android:attr/textAppearanceSearchResultSubtitle"
        android:textIsSelectable="false"
        android:textColor="#FFFFFFFF"
        android:background="#FF000000" />
    <TextView 
        android:id="@+id/subtitle1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/date"
        android:textAppearance="?android:attr/textAppearanceSearchResultSubtitle"
        android:textIsSelectable="false"
        android:textColor="#FFFFFF"
        android:background="#FF00FF00" />
    <TextView 
        android:id="@+id/subtitle2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/date"
        android:textAppearance="?android:attr/textAppearanceSearchResultSubtitle"
        android:textIsSelectable="false"
        android:visibility="gone"
        android:textColor="#FFFFFF"
        android:background="#FF00FF00" />    
</RelativeLayout>
<Button 
    android:id="@+id/startTestBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/resizingTextContainer"
    android:layout_centerHorizontal="true"
    android:text="Click To Begin"
    />
    </RelativeLayout>

带有textview切换逻辑的主要活动代码：

    package com.example.code.examples.changelayoutwithtextlength;

    import android.os.Bundle;
    import android.app.Activity;
    import android.text.Editable;
    import android.text.TextWatcher;
    import android.view.Menu;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    import android.widget.TextView;

    public class MainActivity extends Activity {

TextWatcher textChangeDisplayCheck = new TextWatcher(){
    @Override
    public void afterTextChanged(Editable s) {
        // TODO Auto-generated method stub

    }
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count,
            int after) {
        // TODO Auto-generated method stub

    }
    @Override
    public void onTextChanged(CharSequence s, int start, int before,
            int count) {
        displayLatestSubtitle(s);           
    }           
};

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    TextView DateTextView = (TextView)findViewById(R.id.date);
    DateTextView.setText("29th April 2013");

    Button b = (Button)findViewById(R.id.startTestBtn);
    b.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) 
        {
            v.setEnabled(false);
            Thread thread = new testSubtitleThread();
            thread.start();
        }           
    });

    TextView tv = (TextView)findViewById(R.id.subtitle1);   
    tv.addTextChangedListener(textChangeDisplayCheck);
    TextView tv2 = (TextView)findViewById(R.id.subtitle2);
    tv2.addTextChangedListener(textChangeDisplayCheck);
}

private void displayLatestSubtitle(CharSequence newSubtitle)
{
    TextView tv = (TextView)findViewById(R.id.subtitle1);
    TextView tv2 = (TextView)findViewById(R.id.subtitle2);

    tv.removeTextChangedListener(textChangeDisplayCheck);
    tv2.removeTextChangedListener(textChangeDisplayCheck);

    tv.setVisibility(View.GONE);
    tv2.setVisibility(View.GONE);
    tv2.setText("");
    tv.setText(newSubtitle);

    if(tv.getLineCount() > 1)
    {
        tv.setText("");
        tv2.setText(newSubtitle);
        tv2.setVisibility(View.VISIBLE);
    }
    else
    {
        tv.setVisibility(View.VISIBLE);
    }

    tv.addTextChangedListener(textChangeDisplayCheck);
    tv2.addTextChangedListener(textChangeDisplayCheck);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

public class testSubtitleThread extends Thread
{
    String[] subtitles = new String[] { "a short one", "a really long winded subtitle that will take over more than the allowed space", "tiny",
            "Really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, long.",
            ".....", "text just to long to fit on my device"};

    private android.os.Handler handler = new android.os.Handler()
    {
        @Override             
        public void handleMessage(android.os.Message msg) 
        {                 
            if(msg.what < subtitles.length)
            {
                TextView tv = (TextView)findViewById(R.id.subtitle1);
                tv.setText(subtitles[msg.what]);
            }
            else
            {
                Button b = (Button)findViewById(R.id.startTestBtn);
                b.setEnabled(true);
            }
        }
    };
    @Override
    public void run()
    {   
        for(int i = 0; i <= subtitles.length; i++)
        {
            handler.sendEmptyMessage(i);    
            try 
            {
                Thread.sleep(3000);
            } 
            catch (InterruptedException e) 
            {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }                           
        }
    }   
}
    }

我希望这会有所帮助。

Answer 2

在你的布局中，我会为每个项目（字幕和日期）定义两个视图，一个在同一行中，一个在下面的行中。然后我会检查这两个字段的长度（或它们的总和），我会写这段代码：

 if (length > MAX_LENGTH_OF_LINE) > {
        findViewById(R.id.subtitle_line_below).setVisibility(View.VISIBLE);
        findViewById(R.id.subtitle_same_line).setVisibility(View.GONE);
    } else {
        findViewById(R.id.subtitle_line_below).setVisibility(View.GONE);
        findViewById(R.id.subtitle_same_line).setVisibility(View.VISIBLE);
    }

Android RelativeLayout - 在空间时并排显示项目，但在空间不足时在单独的行上显示？

2 个答案: