使用帶片段的ViewPager

Question

我有一張圖片列表，顯示在我的MainActivity的一個ImageListFragment片段中，單擊其中一張圖片應該在FooPager內打開該圖片的ImageDisplayFragment。我創建了一個FooPager活動，以便當用戶在ImageListFragment中單擊的圖像顯示時，用戶可以輕掃並查看所有圖像。我遇到的問題是，當我點擊想要在ImageListFragment中查看的圖像時，它會在我的/drawable目錄中顯示第一個圖像，而不是我單擊的實際圖像。我不確定我做錯了什麼。

這裏是ImageListFragment：

public class ImageListFragment extends Fragment { 
    private int[] mImageResIds; 
    private OnGalleryImageSelected mListener; 
    public static ImageListFragment newInstance() { 
    return new ImageListFragment(); 
} 
@Override 
public void onAttach(Context context) { 
    super.onAttach(context); 

    mListener = (OnGalleryImageSelected) context; 

    final Resources resources = context.getResources(); 
    final TypedArray typedArray = resources.obtainTypedArray(R.array.images); 
    final int imageCount = 18; 
    mImageResIds = new int[imageCount]; 
    for (int i = 0; i < imageCount; i++) { 
     mImageResIds[i] = typedArray.getResourceId(i, 0); 
    } 
    typedArray.recycle(); 
} 


@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    final View view = inflater.inflate(R.layout.fragment_image_list, container, false); 

    final Activity activity = getActivity(); 
    final RecyclerView recyclerView = (RecyclerView) view.findViewById(R.id.recycler_view); 
    recyclerView.setLayoutManager(new LinearLayoutManager(activity)); 
    recyclerView.setAdapter(new GalleryImageAdapter(activity)); 
    return view; 
} 

class GalleryImageAdapter extends RecyclerView.Adapter<ViewHolder> { 

    private LayoutInflater mLayoutInflater; 

    public GalleryImageAdapter(Context context) { 
     mLayoutInflater = LayoutInflater.from(context); 
    } 

    @Override 
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) { 
     return new ViewHolder(mLayoutInflater 
       .inflate(R.layout.recycler_view, viewGroup, false)); 
    } 

    @Override 
    public void onBindViewHolder(ViewHolder viewHolder, final int position) { 

     final int imageResId = mImageResIds[position]; 

     viewHolder.setData(imageResId); 
     viewHolder.itemView.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       System.out.println(imageResId); 
       Intent intent = FooPager.newIntent(getActivity(),imageResId); 
       startActivity (intent); 
       // mListener.OnGalleryImageSelected(imageResId); 
      } 
     }); 
    } 

    @Override 
    public int getItemCount() { 
     return mImageResIds.length; 
    } 
} 

class ViewHolder extends RecyclerView.ViewHolder { 
    private ImageView mImageView; 
    private ViewHolder(View itemView) { 
     super(itemView); 
     mImageView = (ImageView) itemView.findViewById(R.id.gallery_image); 

    } 
    private void setData(int imageResId) { 
     mImageView.setImageResource(imageResId); 
    } 
} 
public interface OnGalleryImageSelected { 
    void OnGalleryImageSelected(int imageResId); 
} 
} 

這是我的尋呼機活動是什麼樣子：

public class FooPager extends FragmentActivity{ 
    public static final String EXTRA_IMAGE_ID = "meow"; 
    private ViewPager mViewPager; 
    private Integer images [] = { 
     R.drawable.a, R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e, 
     R.drawable.f, R.drawable.g, R.drawable.h,R.drawable.i,R.drawable.j, 
     R.drawable.k, R.drawable.l, R.drawable.m,R.drawable.n,R.drawable.o, 
     R.drawable.p, R.drawable.q, R.drawable.r 
}; 

public static Intent newIntent(Context packageContext, int id) { 
    Intent intent = new Intent(packageContext,FooPager.class); 
    intent.putExtra(EXTRA_IMAGE_ID,id); 
    return intent; 
} 

@Override 
protected void onCreate (Bundle savedInstanceState) { 
    super.onCreate (savedInstanceState); 
    setContentView(R.layout.activity_image_pager); 
    mViewPager = (ViewPager) findViewById (R.id.activity_image_pager_view_pager); 

    FragmentManager fragmentManager = getSupportFragmentManager(); 
    mViewPager.setAdapter(new FragmentStatePagerAdapter(fragmentManager) { 
     @Override 
     public Fragment getItem(int position) { 
      System.out.println(images[position]); 
      int id = images[position]; 
      return ImageDetailFragment.newInstance(id); 
     } 

     @Override 
     public int getCount() { 
      return images.length; 
     } 
    }); 

    for (int i=0; i < images.length; i++) { 
      mViewPager.setCurrentItem(i); 
      break; 
    } 
    } 
} 

然後ImageDetailFragment片段：

public class ImageDetailFragment extends Fragment { 
    private static final String IMAGE_ID = "imageResId"; 

    public static ImageDetailFragment newInstance(int imageResId) { 

    final Bundle args = new Bundle(); 
    args.putInt(IMAGE_ID, imageResId); 
    final ImageDetailFragment fragment = new ImageDetailFragment(); 
    fragment.setArguments(args); 
    return fragment; 
} 
@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    final View view = inflater.inflate(R.layout.fragment_image_details, container, false); 
    final ImageView imageView = (ImageView) view.findViewById(R.id.gallery_image); 
    final Bundle args = getArguments(); 
    imageView.setImageResource(args.getInt(IMAGE_ID)); 
    return view; 
} 

} 

如何解決我的FooPager活動以便它實際顯示我點擊的圖像在ImageListFragment之內？

Answer 1

它顯示的第一個圖像在我的/可繪製目錄，而不是 實際圖像IIN上

點擊在你FooPager活動，這會顯示在你的viewpager的第一個項目。這就是爲什麼它顯示的第一項（i = 0，打破）的原因

for (int i=0; i < images.length; i++) { 
      mViewPager.setCurrentItem(i); 
      break; 
    } 

你需要從ImageListFragment發送position到FooPager，不imageResId並設置mViewPager.setCurrentItem(position)。如果您發送imageResId，您需要瀏覽列表圖像

for (int i=0; i < images.length; i++) { 
       if(images[i] == imageResId) { 
        mViewPager.setCurrentItem(i); 
        break; 
       } 
     }