自定义ListView与不同大小的项目Android

时间:2013-03-28 15:21:05

标签: android listview android-listview

我有一个ListView,可以使用2种不同类型的对象:Food和SectionItem。

我有这个:

enter image description here

我想知道是否可以像这样在SectionItem和Food项之间建立布局填充/边距差异(仅使用一个ListView):

enter image description here

这是我的适配器:

public class FoodsAdapter extends ArrayAdapter<Item> {

    private Context context;
    private ArrayList<Item> items;
    private LayoutInflater vi;

    public FoodsAdapter(Context context,ArrayList<Item> items) {
        super(context,0, items);
        this.context = context;
        this.items = items;
        vi = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = convertView;

        final Item i = items.get(position);
        if (i != null) {
            if(i.isSection()){
                SectionItem si = (SectionItem)i;
                v = vi.inflate(R.layout.activity_souscarte_list_item_titlesouscategorie, null);

                v.setOnClickListener(null);
                v.setOnLongClickListener(null);
                v.setLongClickable(false);

                final TextView sectionView = (TextView) v.findViewById(R.id.souscarte_titlesouscategorie);
                sectionView.setText(si.getTitle());
            }else{
                Food food = (Food)i;
                v = vi.inflate(R.layout.activity_souscarte_list_item_elementsouscategorie, null);

                final TextView title = (TextView) v.findViewById(R.id.souscarte_element_title);
                final TextView prix =  (TextView) v.findViewById(R.id.souscarte_element_prix);
                final TextView desc =  (TextView) v.findViewById(R.id.souscarte_element_desc);

                if (title != null)
                        title.setText(food.getName());
                if (prix != null)
                        prix.setText(Float.toString(food.getPrice())+ "€");
                if (desc != null)
                        desc.setText(food.getDescription());
            }
        }
        return v;
    }

}

这是我的活动:

public class SousCarteActivityNew extends Activity {
    private ArrayList<ArrayList<Food>> arraySousCategories;
    private ArrayList<Item> allFoodsInOne;

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

        arraySousCategories = FoodsContainer.sousCategoriesArray;

        allFoodsInOne = new ArrayList<Item>();
        for (ArrayList<Food> foodArray : arraySousCategories){
            allFoodsInOne.add(new SectionItem(foodArray.get(0).getType()));
            for (Food food : foodArray){
                allFoodsInOne.add(food);
            }
        }
        LinearLayout ll = (LinearLayout) findViewById(R.id.souscarte_linearlayout);
        ListView lv = new ListView(getApplicationContext());
        FoodsAdapter adapter = new FoodsAdapter(getApplicationContext(), allFoodsInOne);
        lv.setAdapter(adapter);
        ll.setPadding(15, 15, 15, 0);
        ll.addView(lv);
    }
}

这是我的activity_souscarte_list_item_titlesouscategorie.xml:

<?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">

    <TextView android:id="@+id/souscarte_titlesouscategorie"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/green"
        android:gravity="center"
        android:layout_margin="0dp"
        android:textColor="@color/white"
        android:textSize="19sp"/>

</LinearLayout>

这是我的activity_souscarte_list_item_elementsouscategorie.xml:

<?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"
    android:orientation="vertical" 
    android:background="@color/white"
    android:id="@+id/souscarte_element_layout"
    android:layout_marginLeft="17dp"
    android:layout_marginRight="17dp"
    android:padding="5dp">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:id="@+id/souscarte_element_title"
            android:textColor="@color/black"
            android:layout_weight="3"
            android:paddingLeft="5dp"/>
        <TextView android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:id="@+id/souscarte_element_prix"
            android:gravity="right"
            android:textColor="@color/black"
            android:layout_weight="1"
            android:paddingRight="5dp"/>
    </LinearLayout>
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:id="@+id/souscarte_element_desc"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"/>
</LinearLayout>

2 个答案:

答案 0 :(得分:1)

是的,有一个解决方案。从top_margin方法为您的部分提供不同的getView。为此,您必须使用LinearLayoutParam

有一种名为setMargin(left,top,right,bottom)的方法,只需为top提供任意值,并为您的行指定layoutParam

答案 1 :(得分:0)

我只是将所有布局放在带有填充的FrameLayout中来完成这个技巧。