【问题标题】:Adding more than one text view to custom expandable list view item header向自定义可扩展列表视图项标题添加多个文本视图
【发布时间】:2020-12-21 10:02:46
【问题描述】:

我有一个自定义的可扩展列表视图,我正在尝试实现一个功能,以便我可以通过提示用户输入标签名称来将“标签”添加到列表视图项。我希望这些标签以 textViews 的形式出现在标题旁边。关于如何做到这一点的任何想法?每个当前列表项都包含一个标题和项子项。 下面是我的自定义适配器代码:

public class CodeListExapandableListAdapter extends BaseExpandableListAdapter {
    private Context _context;
    private List<String> _listDataHeader; // header titles
    private List<String> _listDataHeaderOriginal; // used for search filter
    // child data in format of header title, child title
    private HashMap<String, List<String>> _listDataChild;

    public CodeListExapandableListAdapter(Context context, List<String> listDataHeader,
                                 HashMap<String, List<String>> listChildData) {
        this._context = context;
        this._listDataChild = listChildData;
        this._listDataHeader = listDataHeader;
        this._listDataHeaderOriginal = new ArrayList<>();
        this._listDataHeaderOriginal.addAll(listDataHeader);
    }

    @Override
    public int getGroupCount() {
        return this._listDataHeader.size();
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        return this._listDataChild.get(this._listDataHeader.get(groupPosition))
                .size();
    }

    @Override
    public Object getGroup(int groupPosition) {
        return this._listDataHeader.get(groupPosition);
    }

    @Override
    public Object getChild(int groupPosition, int childPosition) {
        return this._listDataChild.get(this._listDataHeader.get(groupPosition))
                .get(childPosition);
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        String headerTitle = (String) getGroup(groupPosition);
        if (convertView == null) {
            LayoutInflater infalInflater = (LayoutInflater) this._context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = infalInflater.inflate(R.layout.code_list_title, null);
        }

        TextView lblListHeader = (TextView) convertView
                .findViewById(R.id.codeListTitle);
        lblListHeader.setTypeface(null, Typeface.BOLD);
        lblListHeader.setText(headerTitle);

        if(isExpanded)
        {
            convertView.setBackgroundResource(R.color.blue_angel);
        }else {
            convertView.setBackgroundResource(R.color.app_blue);
        }

        return convertView;
    }

    @Override
    public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
        final String childText = (String) getChild(groupPosition, childPosition);

        if (convertView == null) {
            LayoutInflater infalInflater = (LayoutInflater) this._context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = infalInflater.inflate(R.layout.code_list_item, null);
        }

        TextView txtListChild = (TextView) convertView
                .findViewById(R.id.codeListItem);

        txtListChild.setText(childText);
        return convertView;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return false;
    }

    //Required as this updates the list after an item delete!
    public void updateListsAfterDelete(List newList)
    {
        this._listDataHeaderOriginal.clear();
        this._listDataHeaderOriginal.addAll(newList);
    }

    //Need this to search inside the expandableListView
    public void filterData(String query){
        query = query.toLowerCase();
        this._listDataHeader.clear();
        if(query.isEmpty())
        {
            this._listDataHeader.addAll(this._listDataHeaderOriginal);
        }else
        {
            for(String str : this._listDataHeaderOriginal)
            {
                if(str.toLowerCase().contains(query))
                {
                    this._listDataHeader.add(str);
                }
            }
        }
        notifyDataSetChanged();
    }
}

code_list_title 的 XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/codeListTitle"
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_weight="5"
        android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:textColor="@color/white"
        android:textSize="22dp"/>
    <GridLayout
        android:layout_weight="5"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:columnCount="2"
        android:rowCount="2">
        <TextView
            android:id="@+id/tag1"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_rowWeight="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill_horizontal"
            android:text="TAG 1"
            android:gravity="center">
        </TextView>
        <TextView
            android:id="@+id/tag2"
            android:layout_column="0"
            android:layout_row="1"
            android:layout_rowWeight="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill_horizontal"
            android:gravity="center"
            android:text="TAG 2">
        </TextView>
        <TextView
            android:id="@+id/tag3"
            android:layout_column="1"
            android:layout_row="0"
            android:gravity="center"
            android:layout_gravity="fill_horizontal"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="TAG 3">
        </TextView>
        <TextView
            android:layout_column="1"
            android:layout_row="1"
            android:gravity="center"
            android:layout_gravity="fill_horizontal"
            android:id="@+id/tag4"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="TAG 4">
        </TextView>
    </GridLayout>
</LinearLayout>

下面是我想要的列表项布局

【问题讨论】:

    标签: java android expandablelistview listadapter


    【解决方案1】:

    对于单个组,将4个标签放入一个List中,并将该列表放入一个HashMap中,以header title为key【类似创建children列表】 .然后在适配器中进行以下更改:

    private HashMap<String, List<String>> _listDataTag; //Added.
    
    public CodeListExapandableListAdapter(Context context, List<String> listDataHeader,
                                          HashMap<String, List<String>> listChildData,
                                          HashMap<String, List<String>> listDataTag) {
        this._context = context;
        this._listDataChild = listChildData;
        this._listDataHeader = listDataHeader;
        this._listDataHeaderOriginal = new ArrayList<>();
        this._listDataHeaderOriginal.addAll(listDataHeader);
        this._listDataTag = listDataTag; // Added.
    }
    
    @Override
    public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
        String headerTitle = (String) getGroup(groupPosition);
        if (convertView == null) {
            LayoutInflater infalInflater = (LayoutInflater) this._context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = infalInflater.inflate(R.layout.code_list_title, null);
        }
    
        TextView lblListHeader = (TextView) convertView.findViewById(R.id.codeListTitle);
        lblListHeader.setTypeface(null, Typeface.BOLD);
        lblListHeader.setText(headerTitle);
    
        if(isExpanded)
        {
            convertView.setBackgroundResource(R.color.blue_angel);
        } else {
            convertView.setBackgroundResource(R.color.app_blue);
        }
    
        // Added this code block.
        List<String> listTag = _listDataTag.get(getGroup(groupPosition));
        TextView lblTag1 = (TextView) convertView.findViewById(R.id.tag1);
        TextView lblTag2 = (TextView) convertView.findViewById(R.id.tag2);
        TextView lblTag3 = (TextView) convertView.findViewById(R.id.tag3);
        TextView lblTag4 = (TextView) convertView.findViewById(R.id.tag4);
        lblTag1.setText(listTag.get(0));
        lblTag2.setText(listTag.get(1));
        lblTag3.setText(listTag.get(2));
        lblTag4.setText(listTag.get(3));
    
        return convertView;
    }
    

    上面的方法和我在这篇帖子里的回答类似:How made two or three textviews in ExpandableListView?

    可以使用自定义/POJO 类来将数据放在一起,而不是使用许多 HashMap。这些帖子可能会有所帮助:Adding different options for Expandable listviewExpandableListViewAdapter with List containing nested ListExpandableListView: Get input values from childs

    【讨论】:

      猜你喜欢
      • 2016-10-02
      • 1970-01-01
      • 2012-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多