Android:单击ListView的ListItem替换片段

时间:2018-10-12 00:33:47

标签: android listview android-fragments android-listfragment

我有一个TabLayout,其中我显示了3个标签,每个标签都是片段。第一个选项卡加载具有ListView的第一个片段。当我单击ListView的项目时,我希望将我的“第一”选项卡片段替换为包含所单击项目的详细信息的新片段。

这是我的实现:
我的活动的布局:dashboard.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ParentContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".interestingReads.InterestingReadsDashboard_Activity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/interestingReadsAppBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/interestingReadsToolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <android.support.design.widget.TabLayout
            android:id="@+id/interestingReadsTabLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextAppearance="@style/MyCustomSmallLettersTextAppearance"
            app:tabMode="fixed"
            app:tabGravity="fill"/>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/interestingReadsViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="165dp"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"  />


</FrameLayout>

fragment_rss_feeds.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:descendantFocusability="blocksDescendants"
    android:id="@+id/relativeLayout111"
    tools:context=".interestingReads.RSSFeedsTab">

    <ListView
        android:id="@+id/rssFeedsListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@android:color/black"
        android:dividerHeight="8dp"
        android:background="@color/diffBackgroundWhite"
        />
</FrameLayout>

rss_item_list_row.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rssFeeds_LL_list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="12dp"
    android:layout_marginBottom="12dp"
    android:orientation="vertical"
    android:descendantFocusability="blocksDescendants"
    android:clickable="true"
    >
<LinearLayout

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:padding="6dp"
    >

    <ImageView
        android:id="@+id/rssFeeds_Image_list_view"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:contentDescription="@string/app_name"
        android:padding="0dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="7dp">

        <TextView
            android:id="@+id/rssFeeds_Title_list_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="13sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/rssFeeds_Description_list_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="5dp"
            android:textSize="12sp" />
    </LinearLayout>
</LinearLayout>
</LinearLayout>

RSSFeedsTab.java

public class RSSFeedsTab extends ListFragment implements  OnItemClickListener {
.
.
.
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
.
.
.    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {


        View RootView =  getActivity().getLayoutInflater().inflate(R.layout.fragment_rssfeeds_tab, container, false); //pass the correct layout name for the fragment
        final ListView RSSFeedsItemLV = (ListView) RootView.findViewById(R.id.rssFeedsListView);
        final LinearLayout RSSFeeds_SingleItem_LL = (LinearLayout) RootView.findViewById(R.id.rssFeeds_LL_list_view);
.
.
.
        SimpleAdapter simpleAdapter = new SimpleAdapter(getActivity().getBaseContext(), aList, R.layout.rss_item_list_row, from, to){
            @Override
            public View getView (int position, View convertView, ViewGroup parent)
            {
                View v = super.getView(position, convertView, parent);
                final int finalposition = position;
                final LinearLayout RSSFeed_singleItem=(LinearLayout) v.findViewById(R.id.rssFeeds_LL_list_view);

                RSSFeed_singleItem.setOnClickListener(new View.OnClickListener() {

                    @Override
                    public void onClick(View arg0) {
                         Toast.makeText(getActivity(),"Link:==>"+localLinkArray[finalposition],Toast.LENGTH_SHORT).show();

                        FragmentTransaction trans = getFragmentManager().beginTransaction();
                        trans.replace(R.id.rssFeeds_LL_list_view, new ReadSingleRSSItem());

                        trans.commit();

                    }
                });
                return v;
            }
        };
        setListAdapter(simpleAdapter);
        RSSFeedsItemLV.setOnItemClickListener(this);
        return super.onCreateView(inflater, container, savedInstanceState);

    }

通过上述实现,我可以实现以下目标: enter image description here 在这里,我在onClick内尝试用新片段替换Full(fragment_rss_feeds.xml)片段。 为此,我正在尝试:

FragmentTransaction trans = getFragmentManager().beginTransaction();
                            trans.replace(R.id.rssFeeds_LL_list_view, new ReadSingleRSSItem());

仅替换ListView的单个项目,如快照中所示。 如果我在R.id.relativeLayout111中使用R.id.rssFeeds_LL_list_view而不是trans.replace,则会出现错误:

  

找不到ID为0x7f0900b7(id / relativeLayout111)的视图

有人可以帮助我吗,我在使用trans.replace方面的效率如何? 另外,如何访问relativeLayout111中的ID trans.replace

预先感谢!

2 个答案:

答案 0 :(得分:0)

在这种情况下,您需要在父布局中添加一个容器,该容器是包含选项卡的活动。例如,下面提到的Framelayout

       <FrameLayout
        android:id="@+id/detail"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

然后您需要使用

将RSS详细信息片段放入此容器中
        getFragmentManager().beginTransaction();
                        trans.replace(R.id.detail, new ReadSingleRSSItem()).commit();

答案 1 :(得分:0)

使用R.id.relativeLayout111的问题在于,它位于 Fragment 的内部,而 getFragmentManager().beginTransaction(); trans.replace(R.id.rssFeeds_LL_list_view, new ReadSingleRSSItem()); 被放置在某个活动的某个容器中。解决方案是改用该容器的ID。

您尚未发布包含活动的代码,因此我目前无法知道该ID是什么。希望你明白我的意思。基本上只需替换:

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>

具有正确的ID!