具有回收站列表视图的可扩展列表视图作为子项

时间:2017-02-26 20:50:17

标签: android expandablelistview expandablerecyclerview

如图所示,我可以渲染视图。但是,可扩展视图的onChildClick事件不会被触发。

此外,适配器中的触摸事件没有响应。我的布局细节如下所示。

可以在here中找到完整的源代码。

main_activity.xml

<ExpandableListView
    android:id="@+id/list_brands"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="@null"
    android:groupIndicator="@null"
    android:dividerHeight="5dp" />

item_parent.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/text_brand"
        android:textSize="18dp"
        android:text="Text"
        android:layout_weight="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/image_indicator"
        android:src="@drawable/ic_keyboard_arrow_down_black_18dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

item_group_child.xml

<android.support.v7.widget.RecyclerViewxmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/mobiles"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

item_child.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp">

        <ImageView
            android:id="@+id/image_mobile"
            android:layout_width="70dp"
            android:adjustViewBounds="true"
            android:layout_height="120dp" />


        <TextView
            android:id="@+id/text_mobile_model"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center" />

        <TextView
            android:id="@+id/text_mobile_price"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center" />

</LinearLayout>

**我的解决方案:** 触摸事件直接传递到“回收器列表”视图中的“视图”持有者的UI元素。但是为了给整个布局提供触摸事件,我在child_item布局的顶部添加了透明按钮,并添加了一个点击监听器。以下是更新的child_item.xml

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

        <FrameLayout
            android:layout_height="match_parent"
            android:layout_width="match_parent" >

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/dummy_click"
            android:background="@android:color/transparent"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:padding="10dp"

            android:background="@color/colorGrey"
            >
        <ImageView
            android:id="@+id/img_subcategory"
            android:layout_gravity="center"
            android:src="@mipmap/ic_launcher"
            android:layout_marginTop="10dp"
            android:layout_width="180dp"
            android:layout_height="90dp"

            android:scaleType="fitXY"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Sub Category"
            android:textColor="@color/colorWhite"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="5dp"
            android:gravity="center"
            android:id="@+id/txt_subcategory"
            android:textSize="@dimen/app_text_title"/>

        </LinearLayout>
        </FrameLayout>
    </LinearLayout>

Expandable list view with recycler list view as child

1 个答案:

答案 0 :(得分:0)

理论

ExpandableListViewchild click示例:

  

点击儿童,你可以这样处理。

getExpandableListView().setOnChildClickListener(new OnChildClickListener() {              
    public boolean onChildClick(ExpandableListView parent, View v,
                int groupPosition, int childPosition, long id) { 
        // your code...
    }
});

可展开的RecyclerView,有用的library和简单item click support

  

Hugo的这篇博客文章展示了一种没有听众的替代方式:   http://www.littlerobots.nl/blog/Handle-Android-RecyclerView-Clicks/

     

归结为添加这些行:

ItemClickSupport.addTo(mRecyclerView).setOnItemClickListener(new ItemClickSupport.OnItemClickListener() {
    @Override
    public void onItemClicked(RecyclerView recyclerView, int position, View v) {
        // do it
    }
});
     

使用此课程时:

public class ItemClickSupport {...}
     

ids.xml中的这个值:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="item_click_support" type="id" />
</resources>

Why doesn't RecyclerView have onItemClickListener()? And how RecyclerView is different from Listview?

  

自从引入ListView以来,onItemClickListener一直是   有问题的。你有任何一个点击监听器的那一刻   内部元素不会触发回调,但事实并非如此   通知或记录良好(如果有的话)所以有很多   关于它的混乱和SO问题。

OnItemClickListener doesn't work with ListView item containing button

  

只需将此行添加到项目视图中,而不是listView本身

     

android:focusable="false"

     

Android custom ListView unable to click on items

查看有关此内容的更多详细信息

实践

@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {

    ChildHolder childHolder = null;
    if (convertView == null) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.item_group_child, parent, false);
        childHolder = new ChildHolder();

        // Fix listview onclicklistener issue: inner views can not be focusable
        childHolder.YOUR_INNER_BUTTON = (YOUR_BUTTON_TYPE) convertView.findViewById(R.id.YOUR_BUTTON_ID);
        childHolder.YOUR_INNER_BUTTON.setFocusable(false);

        convertView.setTag(childHolder);
    }
    else {
        childHolder = (ChildHolder) convertView.getTag();
    }

    childHolder.horizontalListView = (RecyclerView) convertView.findViewById(R.id.mobiles);
    LinearLayoutManager layoutManager = new LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false);
    childHolder.horizontalListView.setLayoutManager(layoutManager);

    MobileAdapter horizontalListAdapter = new MobileAdapter(context, brands.get(groupPosition).mobiles);
    childHolder.horizontalListView.setAdapter(horizontalListAdapter);

    return convertView;
}

根据我的legacy code

为您的代码添加了两行代码
    // Creates a ViewHolder and store references to the children views (collapsed)
    holder = new ViewHolderChildren();
    holder.textLine = (TextView) convertView.findViewById(R.id.usersTextLine);
    holder.subtextLine = (TextView) convertView.findViewById(R.id.usersSubtextLine);
    holder.iconLine = (ImageView) convertView.findViewById(R.id.usersIconLine);
    holder.buttonLine = (ImageButton) convertView.findViewById(R.id.usersButtonLine);
    holder.infoLine = (TextView) convertView.findViewById(R.id.usersInfoLine);
    holder.infoLine.setVisibility(TextView.GONE);
    holder.userprofileButton = (ImageButton) convertView.findViewById(R.id.usersUserprofileBtn);

    holder.buttonLine.setOnClickListener(new OnClickListener() {
        public void onClick(View v) {
            // if gone, set visible and arrow up image
            if (holder.infoLine.getVisibility() == TextView.GONE) {
                holder.infoLine.setVisibility(TextView.VISIBLE);
                holder.buttonLine.setImageLevel(1);
            }
            // if visible, set gone and arrow down image
            else {
                holder.infoLine.setVisibility(TextView.GONE);
                holder.buttonLine.setImageLevel(0);
            }
        }
    });
    //fixed listview onclicklistener bug: inner views can not be focusable
    holder.buttonLine.setFocusable(false);

    convertView.setTag(holder);