如何在自定义列表视图中为消息传递应用程序使用两个可绘制的背景图像

时间:2013-05-04 12:27:46

标签: android android-listview

我正在为android开发一种消息传递应用程序。当消息从数据库加载到自定义列表视图时,它们将显示为OK。我希望它们像android的本机消息应用程序一样显示。我已经使用9Patch为发送者和接收者准备了两张图像。 我希望像这张图片http://s21.postimg.org/bj6idzdaf/example.png一样显示。 但目前我正在使用http://s23.postimg.org/805pfdxqz/example1.png。 这是行代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/chatLinearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/me"
    android:orientation="vertical" >

<!-- User and CreatedAt -->

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingBottom="0dp" >

    <TextView
        android:id="@+id/textUser"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="User"
        android:textSize="15sp" />

    <TextView
        android:id="@+id/textCreatedAt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Less than a minute"
        android:textSize="10sp" />
</LinearLayout>

<!-- Message -->

<TextView
    android:id="@+id/textText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingTop="0dp"
    android:text="I&apos;m text"
    android:textSize="12sp" />

    </LinearLayout>

以下是布局代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ListView
    android:id="@+id/listTimeline"
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:divider="#FFFFFF"
    android:dividerHeight="1dp"
    android:listSelector="@drawable/list_selector" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <EditText
        android:id="@+id/messageText"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:ems="10"
        android:hint="@string/sendTextBoxHint" />

    <Button
        android:id="@+id/buttonSend"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/buttonSend" />
</LinearLayout>

</LinearLayout>

以下是在列表视图中获取和显示消息的代码

class getAndDisplayMessages extends Thread {


    @Override
    public void run() {
        while (!stopCheckingForMessages) {
            try {
                theApp.appData.openReadableDatabase();
                cursor = theApp.appData.getMessages(user,
                        TheApplication.screenName);
                Log.d(TAG, "cursor containing " + cursor.getCount()
                        + " rows");
                if (cursor == null) {
                    return;
                }
                startManagingCursor(cursor);
                ChatActivity.this.runOnUiThread(new Runnable() {
                    @SuppressWarnings("deprecation")
                    public void run() {
                        String[] FROM = { AppData.T_TIME,
                                AppData.SENDER_SCREEN_NAME,
                                AppData.MESSAGES };
                        int[] TO = { R.id.textCreatedAt, R.id.textUser,
                                R.id.textText };
                        adapter = new SimpleCursorAdapter(
                                ChatActivity.this, R.layout.chat_row,
                                cursor, FROM, TO);
                        adapter.setViewBinder(VIEW_BINDER);

                        listTimeline.setAdapter(adapter);
                        listTimeline.setSelection(adapter.getCount()-1);
                    }
                });

                Thread.sleep(DELAY);
            } catch (Exception e) {
                Log.e(TAG,
                        "Error Occured while checking for updated messages. \nErrorMessage:"
                                + e.getMessage());
            }
        }
    }

}

1 个答案:

答案 0 :(得分:0)

您需要创建自定义适配器才能工作: -

并且在getView方法内部可以插入不同的xml布局: -

listitemSender_layout.xml listitemReciever_layout.xml

    public View getView(final int position, View convertView, ViewGroup parent) {
            if(convertView == null)
            {

                LayoutInflater vi = (LayoutInflater) context
                        .getSystemService(Context.LAYOUT_INFLATER_SERVICE);


                if(id == SENDER_ID)
                {
                        convertView = vi.inflate(R.layout.listitemSender_layout, null);
                }else
                {
                        convertView = vi.inflate(R.layout.listitemReciever_layout, null);
                }
    }

然后您可以在这些xml布局中设置不同的背景图像。所有其他组件都将在两种布局中都是similer。

感谢。