如何在列表视图中为奇数和偶数位置充气视图

时间:2017-03-30 06:55:47

标签: android xml android-arrayadapter

如何在列表视图中为奇数和偶数位置充气。我想在偶数位置显示左对齐xml并将xml右对齐到奇数位置。

This is my code:  

 public View getView(final int position, View view, ViewGroup parent)
{
    LayoutInflater inflator = context.getLayoutInflater();
    if ((position % 2) == 0) {

         rowView = inflator.inflate(R.layout.chatbubble, null, true);

        TextView txtv_msg;
        txtv_msg = (TextView) rowView.findViewById(R.id.message_text);
        txtv_msg.setText(""+menus[position]);
    }
    else {
        rowView1 = inflator.inflate(R.layout.chatbubble1, null, true);

        TextView txtv_msg;
        txtv_msg = (TextView) rowView1.findViewById(R.id.message_text);
        txtv_msg.setText(""+menus[position]);

    }

    return rowView;
}

但是对于所有位置,我的数据项都保持对齐。

This is my xml  :
for left :
     <?xml version="1.0" encoding="utf-8"?>
      <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/bubble_layout_parent"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
      android:layout_margin="10dp"
       android:padding="5dp">

    <LinearLayout
     android:id="@+id/bubble_layout"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="@drawable/bubble1">

    <TextView
        android:id="@+id/message_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxEms="12"
        android:layout_gravity="center"
        android:text="Hi! new message"
        android:textColor="@android:color/primary_text_light" />
   </LinearLayout>

  </LinearLayout>

  for right :
      <?xml version="1.0" encoding="utf-8"?>
     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/bubble_layout_parent"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="10dp"
      android:padding="5dp"
      android:layout_gravity="right">

    <LinearLayout
     android:id="@+id/bubble_layout"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="@drawable/bubble1">

    <TextView
        android:id="@+id/message_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxEms="12"
        android:layout_gravity="center"
        android:text="Hi! new message"
        android:textColor="@android:color/primary_text_light" />
       </LinearLayout>

       </LinearLayout>

我是Android开发的新手,请帮助。

2 个答案:

答案 0 :(得分:1)

您需要override这两个base adapter方法

@Override
public int getViewTypeCount() {
  return 2;
} 


@Override
public int getItemViewType(int position) {
  //return 0 or 1 according to your view
}

并在getView()

int type = getItemViewType(position);

并根据type对视图进行充气。 你可以按照这个简化example

答案 1 :(得分:0)

问题在于适配器的getView()方法。它总是返回rowView left aligned XML

<强>解决方案:

  1. 将适配器的getView()参数view重命名为rowView
  2. else条件inflate布局R.layout.chatbubble1rowView而不是rowView1,并将rowView1.findViewById()更改为rowView.findViewById()
  3. 以下是完整的工作代码:

    public View getView(final int position, View rowView, ViewGroup parent)
    {
        LayoutInflater inflator = context.getLayoutInflater();
        if ((position % 2) == 0) {
            rowView = inflator.inflate(R.layout.chatbubble, null, true);
    
            TextView txtv_msg;
            txtv_msg = (TextView) rowView.findViewById(R.id.message_text);
            txtv_msg.setText("" + menus[position]);
        }
        else {
            rowView = inflator.inflate(R.layout.chatbubble1, null, true);
    
            TextView txtv_msg;
            txtv_msg = (TextView) rowView.findViewById(R.id.message_text);
            txtv_msg.setText("" + menus[position]);
    
        }
    
        return rowView;
    }
    

    希望这会有所帮助〜