Связь между Activity и дочерними фрагментами Fragment внутри контейнера ViewPager
Я столкнулся с проблемой, когда я нахожу трудности в получении дочернего фрагмента фрагмента MainActivity Viewpager. Я реализую представление Master-Detail внутри действия с вкладками с View Pager.
При нажатии на элемент в ListView запускается HandleCallback и пытается вызвать дочерний фрагмент фрагмента из MainActivity, который возвращает нулевую ссылку.
Приведенный ниже блок кода возвращает нулевое значение.
@Override
public void loadImage(int imageSrc) {
// Returns null. How to get a reference of a fragment child fragment?
ImageDetailFragment imageDetailFragment = (ImageDetailFragment) getSupportFragmentManager().findFragmentById(R.id.image_detail_fragment);
if(imageDetailFragment != null){
imageDetailFragment.setImageView(imageSrc);
}
}
Пожалуйста, найдите ниже полную реализацию. И любая помощь очень ценится. Я все еще учусь Android и совершенно новый для него.
Основная деятельность.
import android.support.design.widget.TabLayout;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity implements HandleCallBack{
/**
* The {@link android.support.v4.view.PagerAdapter} that will provide
* fragments for each of the sections. We use a
* {@link FragmentPagerAdapter} derivative, which will keep every
* loaded fragment in memory. If this becomes too memory intensive, it
* may be best to switch to a
* {@link android.support.v4.app.FragmentStatePagerAdapter}.
*/
private SectionsPagerAdapter mSectionsPagerAdapter;
/**
* The {@link ViewPager} that will host the section contents.
*/
private ViewPager mViewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
// Create the adapter that will return a fragment for each of the three
// primary sections of the activity.
mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
// Set up the ViewPager with the sections adapter.
mViewPager = (ViewPager) findViewById(R.id.container);
mViewPager.setAdapter(mSectionsPagerAdapter);
TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.addOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void loadImage(int imageSrc) {
// Returns null. How to get a reference of a fragment child fragment?
ImageDetailFragment imageDetailFragment = (ImageDetailFragment) getSupportFragmentManager().findFragmentById(R.id.image_detail_fragment);
if(imageDetailFragment != null){
imageDetailFragment.setImageView(imageSrc);
}
}
/**
* A placeholder fragment containing a simple view.
*/
public static class PlaceholderFragment extends Fragment {
/**
* The fragment argument representing the section number for this
* fragment.
*/
private static final String ARG_SECTION_NUMBER = "section_number";
public PlaceholderFragment() {
}
/**
* Returns a new instance of this fragment for the given section
* number.
*/
public static PlaceholderFragment newInstance(int sectionNumber) {
PlaceholderFragment fragment = new PlaceholderFragment();
Bundle args = new Bundle();
args.putInt(ARG_SECTION_NUMBER, sectionNumber);
fragment.setArguments(args);
return fragment;
}
}
/**
* A {@link FragmentPagerAdapter} that returns a fragment corresponding to
* one of the sections/tabs/pages.
*/
public class SectionsPagerAdapter extends FragmentPagerAdapter {
public SectionsPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
switch (position){
case 0: {
Tab1 tab1 = new Tab1();
return tab1;
}
case 1: {
Tab2 tab2 = new Tab2();
return tab2;
}
case 2: {
MasterDetailFragment masterDetailFragment = new MasterDetailFragment();
return masterDetailFragment;
}
}
return null;
}
@Override
public int getCount() {
// Show 3 total pages.
return 3;
}
}
}
MasterDetailFragment.java
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class MasterDetailFragment extends Fragment{
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.master_detailfragment, container, false);
return view;
}
}
ImageListFragment.java
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class ImageListFragment extends Fragment {
private int[] imageSrc = new int[]{
R.drawable.pic1,
R.drawable.pic2,
R.drawable.pic3,
R.drawable.pic4,
R.drawable.pic5,
R.drawable.pic6,
R.drawable.pic7
};
private String[] imageNames = new String[]{
"pic1",
"pic2",
"pic3",
"pic4",
"pic5",
"pic6",
"pic7"
};
private HandleCallBack handleCallBack;
@Override
public void onAttach(Context context) {
super.onAttach(context);
if(context instanceof HandleCallBack){
handleCallBack = (HandleCallBack) context;
}
}
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
ViewGroup viewGroup = (ViewGroup) inflater.inflate(R.layout.image_listfragment, container, false);
ListView imageListView = (ListView) viewGroup.findViewById(R.id.imagelist);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1, imageNames);
imageListView.setAdapter(adapter);
imageListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
handleCallBack.loadImage(imageSrc[position]);
}
});
return viewGroup;
}
}
ImageDetailFragment.java
import android.media.Image;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class ImageDetailFragment extends Fragment {
private ImageView imageView;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
ViewGroup viewGroup = (ViewGroup) inflater.inflate(R.layout.image_detailfragment, container, false);
imageView = (ImageView) viewGroup.findViewById(R.id.mainimage);
return viewGroup;
}
public void setImageView(int imgResId) {
imageView.setImageResource(imgResId);
}
}
HandleCallback.java
public interface HandleCallBack {
public abstract void loadImage(int imageSrc);
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="@dimen/appbar_padding_top"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_weight="1"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="scroll|enterAlways"
app:popupTheme="@style/AppTheme.PopupOverlay"
app:title="@string/app_name">
</android.support.v7.widget.Toolbar>
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TabItem
android:id="@+id/tabItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/tab_text_1" />
<android.support.design.widget.TabItem
android:id="@+id/tabItem2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/tab_text_2" />
<android.support.design.widget.TabItem
android:id="@+id/tabItem3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/tab_text_3" />
</android.support.design.widget.TabLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
master_detailFragment.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"
android:id="@+id/masterDetailFragment">
<fragment
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/image_list_fragment"
android:name="ca.agnition.tabbedlayoutmasterdetail.ImageListFragment"
/>
</LinearLayout>
master_detailfragment.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="horizontal"
android:baselineAligned="false"
android:id="@+id/masterDetailFragment">
<fragment
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
android:id="@+id/image_list_fragment"
android:name="ca.agnition.tabbedlayoutmasterdetail.ImageListFragment" />
<fragment
android:layout_width="0dp"
android:layout_weight="2"
android:layout_height="match_parent"
android:id="@+id/image_detail_fragment"
android:name="ca.agnition.tabbedlayoutmasterdetail.ImageDetailFragment" />
</LinearLayout>
image_detailfragment.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/img_name"
android:padding="10sp"
android:background="@android:color/black"
android:textColor="@android:color/white"
android:gravity="center"
android:layout_alignParentTop="true"
android:id="@+id/title"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/mainimage"
android:contentDescription="@string/app_name"
android:layout_below="@+id/title"
android:src="@drawable/pic1"/>
</RelativeLayout>
image_listfragment.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">
<ListView
android:id="@+id/imagelist"
android:layout_width="match_parent"
android:layout_height="match_parent"></ListView>
</LinearLayout>
Да уж!! Итак, я наконец-то понял свою проблему. И я немного изменил код.
В ImageListFragment.java я изменил метод onAttach и указал его, чтобы проверить, является ли HandleCallBack экземпляром ParentFragment, который является MasterDetailFragment, если да, то я его инициализирую.
@Override
public void onAttach(Context context) {
super.onAttach(context);
if(getParentFragment() instanceof HandleCallBack){
handleCallBack = (HandleCallBack) getParentFragment();
}
}
А в MasterDetailFragment.java, в методе переопределения loadImage я использую getChildFragment для получения образа image_detail_fragment, который работает как шарм.
После этого теперь у меня есть еще одна проблема, чтобы загрузить подробный вид в портретном режиме. Когда пользователь щелкает элемент в списке, его подробный вид должен открываться в виде отдельного фрагмента. Для этого я создал новый фрагмент с его макетом, как показано ниже.
ImageListDetailFragment.java
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class ImageListDetailFragment extends Fragment {
public static ImageListDetailFragment newInstance(int position) {
ImageListDetailFragment fragment = new ImageListDetailFragment();
// fragment.position = position;
return fragment;
}
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
ViewGroup viewGroup = (ViewGroup) inflater.inflate(R.layout.image_listdetailfragment, container, true);
ImageDetailFragment imageDetailFragment = (ImageDetailFragment) getFragmentManager().findFragmentById(R.id.image_detail_fragment);
ActionBar actionBar = ((AppCompatActivity)getActivity()).getSupportActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setTitle("back");
Bundle bundle = this.getArguments();
if(bundle != null){
imageDetailFragment.setImageView(bundle.getInt(MasterDetailFragment.IMAGE_ID));
}
return viewGroup;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if(item.getItemId() == android.R.id.home){
((AppCompatActivity)getActivity()).finish();
}
return super.onOptionsItemSelected(item);
}
}
image_listdetailfragment.java
<?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">
<fragment
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/image_list_detail_fragment"
android:name="ca.agnition.tabbedlayoutmasterdetail.ImageListDetailFragment" />
</LinearLayout>
И в MasterDetailFragment я проверяю щелчок элемента в списке, сначала он проверяет, находится ли устройство в альбомном режиме, затем инициализирует image_detail_fragment и, если это не так, загружает image_listdetailfragment, чтобы показать детали в отдельном фрагменте. Ниже приведен метод.
@Override
public void loadImage(int imageSrc) {
if (getChildFragmentManager().findFragmentById(R.id.image_detail_fragment) != null) {
ImageDetailFragment imageDetailFragment = (ImageDetailFragment) getChildFragmentManager().findFragmentById(R.id.image_detail_fragment);
imageDetailFragment.setImageView(imageSrc);
} else {
ImageListDetailFragment ImageListDetailFragment = (ImageListDetailFragment) getFragmentManager().findFragmentById(R.id.image_list_detail_fragment);
Bundle bundle = new Bundle();
bundle.putInt(IMAGE_ID, imageSrc);
ImageListDetailFragment.setArguments(bundle);
}
}
Но опять же, ImageListDetailFragment получает нулевую ссылку от getFragmentManager(). FindFragmentById(R.id.image_list_detail_fragment);
Я также попытался использовать подход ниже.
ImageListDetailFragment imageListDetailFragment = new ImageListDetailFragment();
FragmentManager fm = getFragmentManager();
fm.beginTransaction().replace(R.id.container, imageListDetailFragment).commit();
Но это тоже не работает. Я не уверен, что это правильный подход. Поэтому любая помощь высоко ценится, и, пожалуйста, предложите, если у вас, ребята, есть лучший подход для реализации представления Master-Detail внутри ViewPager или рабочего примера для ссылки.
Заранее спасибо!