【选择图片Jar】全屏DialogFragment实现图片详情预览（十）
2016-01-30 19:29
483 查看
1.前言
上一篇文章我们在最后抛出了一个问题。到底我们要如何实现图片的详情页的预览。 如图：
相信大家看了标题已经知道了，我们是用DialogFragment实现我们这个功能的！
嘿嘿，可能这个时候会有点惊讶，原来DialogFragment还有这样的效果？
奥秘在哪里呢？等下我们就会来揭晓。
再说两句~~Dialog和Fragment一直是我们开发中又爱又恨的两个东西，Dialog的Api繁多复杂，难以使用！ Fragment生命周期很难精准把握，而奇淫巧技非常多！
关于Dialog的问题，Google特意推出了DialogFragment来解决Dialog本身这个原生控件的弱点和不足，目前Google官方推荐使用DialogFragment，而且在实际开发中，发现的确是DialogFragment好用！
那关于Fragment的这个问题，我目前也在爬坑收集各种BUG和技巧中，之后学有所成，再回来分享吧！！因为这个不是三两句话可以完整概括的。 下面附上一条连接：，有兴趣的可以学习完本课程之后看看
关于 Android，用多个 activity，还是单 activity 配合 fragment？-稀土掘金
2.FullScreenFragment布局实现
还是那个问题，我们不能打包资源文件进入Jar所以，还是要手动写代码，虽然过程比较繁琐复杂，但是还是要克服一下，这一次的痛苦，是为日后的快速打下基础！public class FullScreenFragmentLayout extends RelativeLayout {
/**
* Bar条
*/
private RelativeLayout mBar;
/**
* 返回按钮的图片的id,删除的图片id,Bar条底色
*/
private int mBackIconId, mDeleteIconId, mBarColorId;
/**
* Bar条中左边的返回ImageView,右边的返回ImageView
*/
private ImageView mBackIv, mDeleteIv;
/**
* Bar条中的文字控件
*/
private TextView mNumTv;
/**
* ViewPager空间
*/
private ViewPager mViewPager;
/**
* Bar条高度
*/
private int mBarHeight;
/**
* 图标的宽度
*/
private int mIconWidth;
/**
* 图标距离边界的大小
*/
private int mIconMarginSide;
/**
* 文字控件距离边界的大小
*/
private int mTextMarginSide;
/**
* 文字大小
*/
private int mTextSize;
/**
* 文字颜色
*/
private int mTextColorId;
private FullScreenFragmentLayout(Context context, int mBackIconId,
int mDeleteIconId, int mBarColorId, int mBarHeight, int mIconWidth,
int mIconMarginSide, int mTextMarginSide, int mTextSize,
int mTextColorId) {
super(context);
this.mBackIconId = mBackIconId;
this.mDeleteIconId = mDeleteIconId;
this.mBarColorId = mBarColorId;
this.mBarHeight = mBarHeight;
this.mIconWidth = mIconWidth;
this.mIconMarginSide = mIconMarginSide;
this.mTextMarginSide = mTextMarginSide;
this.mTextSize = mTextSize;
this.mTextColorId = mTextColorId;
initViewPager();
initBar();
}
private void initBar() {
mBar = new RelativeLayout(getContext());
if (mBarColorId != -1) {
mBar.setBackgroundColor(getContext().getResources().getColor(
mBarColorId));
}
ViewGroup.LayoutParams p = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, mBarHeight);
mBar.setLayoutParams(p);
// bar.setBackgroundColor(getContext().getResources()
// .getColor(mBarColorId));
mBackIv = new ImageView(getContext());
if (mBackIconId != -1) {
mBackIv.setBackgroundResource(mBackIconId);
}
RelativeLayout.LayoutParams backParams = new RelativeLayout.LayoutParams(
mIconWidth, mIconWidth);
backParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
backParams.addRule(RelativeLayout.CENTER_VERTICAL);
backParams.leftMargin = mIconMarginSide;
mBackIv.setLayoutParams(backParams);
mBar.addView(mBackIv);
mNumTv = new TextView(getContext());
// 注意 这里直接 无效
// mNumTv.setTextColor("0xffffff");
if (mTextColorId == -1) {
mNumTv.setTextColor(Color.parseColor("#ffffff"));
} else {
mNumTv.setTextColor(getContext().getResources().getColor(
mTextColorId));
}
mNumTv.setTextSize(mTextSize);
RelativeLayout.LayoutParams numParams = new RelativeLayout.LayoutParams(
RelativeLayout.LayoutParams.WRAP_CONTENT,
RelativeLayout.LayoutParams.WRAP_CONTENT);
numParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
numParams.addRule(RelativeLayout.CENTER_VERTICAL);
int tvMargin = mTextMarginSide;
numParams.leftMargin = tvMargin;
mNumTv.setLayoutParams(numParams);
mBar.addView(mNumTv);
mDeleteIv = new ImageView(getContext());
if (mDeleteIconId != -1) {
mDeleteIv.setBackgroundResource(mDeleteIconId);
}
RelativeLayout.LayoutParams deleteParams = new RelativeLayout.LayoutParams(
mIconWidth, mIconWidth);
deleteParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
deleteParams.addRule(RelativeLayout.CENTER_VERTICAL);
deleteParams.rightMargin = mIconMarginSide;
mDeleteIv.setLayoutParams(deleteParams);
mBar.addView(mDeleteIv);
this.addView(mBar);
}
private void initViewPager() {
mViewPager = new ViewPager(getContext());
ViewGroup.LayoutParams p = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
mViewPager.setLayoutParams(p);
this.addView(mViewPager);
}
public ViewPager getViewPager() {
return mViewPager;
}
public TextView getNumberTextView() {
return mNumTv;
}
public RelativeLayout getBar() {
return mBar;
}
public static class Builder {
private Context mContext;
/**
* 返回按钮的图片的id,删除的图片id,Bar条底色
*/
private int mBackIconId, mDeleteIconId, mBarColorId;
/**
* Bar条高度
*/
private int mBarHeight;
/**
* 图标的宽度
*/
private int mIconWidth;
/**
* 图标距离边界的大小
*/
private int mIconMarginSide;
/**
* 文字控件距离边界的大小
*/
private int mTextMarginSide;
/**
* 文字大小
*/
private int mTextSize;
/**
* 文字颜色
*/
private int mTextColorId;
public Builder(Context context) {
mContext = context;
// 初始化默认的大小
initDefaultConfig();
}
private void initDefaultConfig() {
// 获取屏幕高度
int screenHeight = ScreenUtil.getScreenHeight(mContext);
// 获取屏幕宽度
int screenWidth = ScreenUtil.getScreenWidth(mContext);
// bar高度为1/13
mBarHeight = screenHeight / 13;
mIconWidth = screenWidth / 13;
mIconMarginSide = mIconWidth / 7;
mTextSize = (int) (mIconMarginSide * 1.5);
mTextMarginSide = mTextSize;
mBackIconId = mBarColorId = mDeleteIconId = mTextColorId = -1;
}
public FullScreenFragmentLayout build() {
return new FullScreenFragmentLayout(mContext, mBackIconId,
mDeleteIconId, mBarColorId, mBarHeight, mIconWidth,
mIconMarginSide, mTextMarginSide, mTextSize, mTextColorId);
}
public Builder setBarHeight(int height) {
mBarHeight = height;
return this;
}
public Builder setBarColorId(int colorId) {
mBarColorId = colorId;
return this;
}
public Builder setTextSize(int size) {
mTextSize = size;
return this;
}
public Builder setTextMarginLeftSize(int marginSize) {
mTextMarginSide = marginSize;
return this;
}
public Builder setTextColorId(int id) {
mTextColorId = id;
return this;
}
public Builder setIconSize(int size) {
mIconWidth = size;
return this;
}
public Builder setIconMarginSize(int marginSize) {
mIconMarginSide = marginSize;
return this;
}
public Builder setBackIconDrawableId(int id) {
mBackIconId = id;
return this;
}
public Builder setDeleteIconDrawableId(int id) {
mDeleteIconId = id;
return this;
}
}
}这里我们采用了Builder模式进行创建，原因是因为可设置参数太多，采用这种模式比较方便创建。
注意一下Builder构造方式里面对部分参数进行了默认大小处理，这是为了能够正常显示出来。
private void initDefaultConfig() {
// 获取屏幕高度
int screenHeight = ScreenUtil.getScreenHeight(mContext);
// 获取屏幕宽度
int screenWidth = ScreenUtil.getScreenWidth(mContext);
// bar高度为1/13
mBarHeight = screenHeight / 13;
mIconWidth = screenWidth / 13;
mIconMarginSide = mIconWidth / 7;
mTextSize = (int) (mIconMarginSide * 1.5);
mTextMarginSide = mTextSize;
mBackIconId = mBarColorId = mDeleteIconId = mTextColorId = -1;
}即这段代码。 对id设置为-1表示标记该位没有设置值。
布局代码写起来很慢，也很繁琐。 所以要有耐心！ 如果还不太熟悉的话，可以查阅相关资料，这里就不一个一个来讲了！
3.FullScreenFragment的实现
OK!这里也是一个大工程！上好厕所， 拿好板凳围观吧。首先来揭晓DialogFragment的奥秘：
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 设置全屏
setStyle(DialogFragment.STYLE_NO_TITLE,
android.R.style.Theme_Black_NoTitleBar);
}就是这一行代码~ 具体的还有其他样式就不在这里讲述了。大家可以看看官方文档。
官方文档：DialogFragment -不用翻墙也可以看！
那么下面我们看看构造方法：
public static FullScreenFragment newInstance(int barColorId,
int backIconId, int deleteIconId) {
FullScreenFragment f = new FullScreenFragment();
Bundle b = new Bundle();
b.putInt(KEY_BACK_ICON_ID, backIconId);
b.putInt(KEY_DELETE_ICON_ID, deleteIconId);
b.putInt(KEY_BAR_COLOR_ID, barColorId);
f.setArguments(b);
return f;
}
public static FullScreenFragment newInstance(int barColorId, int barHeight,
int backIconId, int deleteIconId, int iconWidth,
int iconMarginSide, int textColor, int textSize,
int textMarginLeftSize) {
FullScreenFragment f = new FullScreenFragment();
Bundle b = new Bundle();
b.putInt(KEY_BAR_COLOR_ID, barColorId);
b.putInt(KEY_BAR_HEIGHT, barHeight);
b.putInt(KEY_BACK_ICON_ID, backIconId);
b.putInt(KEY_DELETE_ICON_ID, deleteIconId);
b.putInt(KEY_ICON_SIZE, iconWidth);
b.putInt(KEY_ICON_MARGIN, iconMarginSide);
b.putInt(KEY_TEXT_COLOR, textColor);
b.putInt(KEY_TEXT_SIZE, textSize);
b.putInt(KEY_TEXT_MARGIN, textMarginLeftSize);
f.setArguments(b);
return f;
}
private FullScreenFragment() {
}这里提供了两个构造方法。有的同学可能有疑问了，为什么要这样写呢？
其实我们可以从Google官方的很多代码看到这样的写法，通过setArguments(..);来传递信息,这是为了防止旋转之后，Android默认调用Fragment无参构造而产生的信息丢失。 具体的可以了解其他相关资料。
回到正题，其实上面那一堆东西都是为了从外部获取资源文件，或者样式，来创建我们FullScreenFragmentLayout的布局，这可以更加适应不同项目的需要。
下面我们来看看onCreateView方法：
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// 创建布局
mRootView = initLayout();
// 获取控件
mViewPager = mRootView.getViewPager();
mNumberTv = mRootView.getNumberTextView();
mBack = mRootView.getBackImageView();
mDelete = mRootView.getDeleteImageView();
// 初始化ViewPager
initViewPager();
// 改变文字标题
postionChange(mCurrentPostion);
// 要在设置完Adapter之后调用 不然没效果
mViewPager.setCurrentItem(mCurrentPostion);
// 初始化监听
initBarListener();
return mRootView;
}相信都很好理解。
下面贴上其他代码：
private void initViewPager() {
// 如果为空或者为0则返回
if (mPaths == null || mPaths.size() == 0)
return;
mImageViews = new ImageView[mPaths.size()];
for (int i = 0; i < mPaths.size(); i++) {
mImageViews[i] = new ImageView(getActivity());
}
// mViewPager.setOffscreenPageLimit(0);
mPagerAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View paramView, Object paramObject) {
return paramView == paramObject;
}
@Override
public int getCount() {
return mPaths.size();
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
((ViewPager) container).removeView(mImageViews[position]);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView i = mImageViews[position];
ImageLoaderWrapper.loadFromFile(i, mPaths.get(position));
((ViewPager) container).addView(i, 0);
return i;
}
};
mViewPager.setAdapter(mPagerAdapter);
mViewPager.addOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int paramInt) {
// 当前位置
mCurrentPosition = paramInt;
postionChange(mCurrentPosition);
}
@Override
public void onPageScrolled(int paramInt1, float paramFloat,
int paramInt2) {
// 上一个位置 偏移量 下一个位置
}
@Override
public void onPageScrollStateChanged(int paramInt) {
// 这里是滑动的状态
}
});
}
/**
* 改变位置
*
* @param position
*/
protected void postionChange(int position) {
mNumberTv.setText(position + 1 + "/" + mPaths.size());
}
@Override
public void onClick(View v) {
String tag = (String) v.getTag();
switch (tag) {
case "back":
this.dismiss();
break;
case "delete":
// 删除
break;
}
}相信这些代码也难不倒大家。
稍微解释一下是，如果没有设置值就返回-1。这样可以用来方便构造我们的FullScreenFragmentLayout
还有的就是tag的用法，之前的文章也讲过，这里也不再说了~
然后我们要对外暴露两个方法，以便我们改变ViewPager显示的位置以及，所展示的图片列表：
public void setList(List<String> list) {
mPaths = list;
}
public void setCurrentPosition(int position) {
mCurrentPostion = position;
}OK那再加上一些必要的东西，基本的FullScreenFragment就出来了。
public class FullScreenFragment extends DialogFragment implements
OnClickListener {
private static final String KEY_BAR_COLOR_ID = "bar_color";
private static final String KEY_BAR_HEIGHT = "bar_height";
private static final String KEY_BACK_ICON_ID = "back_icon";
private static final String KEY_DELETE_ICON_ID = "delete_icon";
private static final String KEY_ICON_MARGIN = "icon_margin";
private static final String KEY_ICON_SIZE = "icon_size";
private static final String KEY_TEXT_COLOR = "text_color";
private static final String KEY_TEXT_SIZE = "text_size";
private static final String KEY_TEXT_MARGIN = "text_margin";
private FullScreenFragmentLayout mRootView;
private ImageView mBack, mDelete;
private ViewPager mViewPager;
/**
* 数字的TextView
*/
private TextView mNumberTv;
/**
* ImageView集合
*/
private ImageView[] mImageViews;
/**
* 路径集合
*/
private List<String> mPaths;
/**
* 当前位置
*/
private int mCurrentPostion = -1;
private PagerAdapter mPagerAdapter;
public static FullScreenFragment newInstance(int barColorId,
int backIconId, int deleteIconId) {
FullScreenFragment f = new FullScreenFragment();
Bundle b = new Bundle();
b.putInt(KEY_BACK_ICON_ID, backIconId);
b.putInt(KEY_DELETE_ICON_ID, deleteIconId);
b.putInt(KEY_BAR_COLOR_ID, barColorId);
f.setArguments(b);
return f;
}
public static FullScreenFragment newInstance(int barColorId, int barHeight,
int backIconId, int deleteIconId, int iconWidth,
int iconMarginSide, int textColor, int textSize,
int textMarginLeftSize) {
FullScreenFragment f = new FullScreenFragment();
Bundle b = new Bundle();
b.putInt(KEY_BAR_COLOR_ID, barColorId);
b.putInt(KEY_BAR_HEIGHT, barHeight);
b.putInt(KEY_BACK_ICON_ID, backIconId);
b.putInt(KEY_DELETE_ICON_ID, deleteIconId);
b.putInt(KEY_ICON_SIZE, iconWidth);
b.putInt(KEY_ICON_MARGIN, iconMarginSide);
b.putInt(KEY_TEXT_COLOR, textColor);
b.putInt(KEY_TEXT_SIZE, textSize);
b.putInt(KEY_TEXT_MARGIN, textMarginLeftSize);
f.setArguments(b);
return f;
}
private FullScreenFragment() {
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 设置全屏
setStyle(DialogFragment.STYLE_NO_TITLE,
android.R.style.Theme_Black_NoTitleBar);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// if (mRootView == null) {
// 创建布局
mRootView = initLayout();
// }
// mViewPager = (ViewPager) view.findViewById(R.id.vp);
// 获取空间
mViewPager = mRootView.getViewPager();
mNumberTv = mRootView.getNumberTextView();
mBack = mRootView.getBackImageView();
mDelete = mRootView.getDeleteImageView();
// mPaths = new ArrayList<String>();
// 初始化ViewPager
initViewPager();
// 改变文字标题
postionChange(mCurrentPostion);
// 要在设置完Adapter之后调用 不然没效果
mViewPager.setCurrentItem(mCurrentPostion);
// 初始化监听
initBarListener();
return mRootView;
}
private void initBarListener() {
mBack.setTag("back");
mDelete.setTag("delete");
mBack.setOnClickListener(this);
mDelete.setOnClickListener(this);
}
private FullScreenFragmentLayout initLayout() {
Bundle b = getArguments();
int barHeight = b.getInt(KEY_BAR_HEIGHT, -1);
int barColorId = b.getInt(KEY_BAR_COLOR_ID, -1);
int backIconId = b.getInt(KEY_BACK_ICON_ID, -1);
int deleteIconId = b.getInt(KEY_DELETE_ICON_ID, -1);
int iconSize = b.getInt(KEY_ICON_SIZE, -1);
int iconMargin = b.getInt(KEY_ICON_MARGIN, -1);
int textColorId = b.getInt(KEY_TEXT_COLOR, -1);
int textSize = b.getInt(KEY_TEXT_SIZE, -1);
int textMargin = b.getInt(KEY_TEXT_MARGIN, -1);
FullScreenFragmentLayout.Builder builder = new FullScreenFragmentLayout.Builder(
getActivity());
if (barHeight != -1) {
builder.setBarHeight(barHeight);
}
if (barColorId != -1) {
builder.setBarColorId(barColorId);
}
if (backIconId != -1) {
builder.setBackIconDrawableId(backIconId);
}
if (deleteIconId != -1) {
builder.setDeleteIconDrawableId(deleteIconId);
}
if (iconSize != -1) {
builder.setIconSize(iconSize);
}
if (iconMargin != -1) {
builder.setIconMarginSize(iconMargin);
}
if (textColorId != -1) {
builder.setTextColorId(textColorId);
}
if (textSize != -1) {
builder.setTextSize(textSize);
}
if (textMargin != -1) {
builder.setTextMarginLeftSize(textMargin);
}
return builder.build();
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
}
private void initViewPager() {
// 如果为空或者为0则返回
if (mPaths == null || mPaths.size() == 0)
return;
System.out.println("initViewPager Context = " + getActivity());
mImageViews = new ImageView[mPaths.size()];
for (int i = 0; i < mPaths.size(); i++) {
mImageViews[i] = new ImageView(getActivity());
}
mViewPager.setOffscreenPageLimit(2);
mPagerAdapter = new PagerAdapter() {
@Override
public boolean isViewFromObject(View paramView, Object paramObject) {
// 判断当前是否一致，一致则绘制View出来
return paramView == paramObject;
}
@Override
public int getCount() {
return mPaths.size();
}
@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
System.out.println("destroyItem: viewPager = "
+ mViewPager.toString() + " container = " + container
+ " obj = " + object);
// ((ViewPager) container).removeView(mImageViews[position]);
View v = (View) object;
// String vTag = (String) v.getTag();
// if (mMovedPath != null && vTag.equals(mMovedPath)) {
((ViewPager) container).removeView(v);
v = null;
// }
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
System.out.println("destroyItem: viewPager = "
+ mViewPager.toString() + " container = " + container);
ImageView i = mImageViews[position];
String path = mPaths.get(position);
i.setTag(path);
ImageLoaderWrapper.loadFromFile(i, path);
((ViewPager) container).addView(i);
System.out.println("instantiateItem");
return i;
}
@Override
public int getItemPosition(Object object) {
System.out.println("getItemPosition: object =" + object);
return POSITION_NONE;
}
@Override
public void notifyDataSetChanged() {
System.out.println("notifyDataSetChanged");
super.notifyDataSetChanged();
}
@Override
public void startUpdate(ViewGroup container) {
}
@Override
public void finishUpdate(ViewGroup container) {
}
};
mViewPager.setAdapter(mPagerAdapter);
mViewPager.addOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int paramInt) {
// 当前位置
mCurrentPostion = paramInt;
postionChange(mCurrentPostion);
}
@Override
public void onPageScrolled(int paramInt1, float paramFloat,
int paramInt2) {
// 上一个位置 偏移量 下一个位置
}
@Override
public void onPageScrollStateChanged(int paramInt) {
// 这里是滑动的状态
}
});
}
/**
* 改变位置
*
* @param position
*/
protected void postionChange(int position) {
mNumberTv.setText(position + 1 + "/" + mPaths.size());
}
public void setList(List<String> list) {
mPaths = list;
}
public void setCurrentPosition(int position) {
mCurrentPostion = position;
}
@Override
public void onClick(View v) {
String tag = (String) v.getTag();
switch (tag) {
case "back":
this.dismiss();
break;
case "delete":
break;
}
}
}OK我们继续完善一下逻辑，我们还有删除这个逻辑没有实现，具体的逻辑如下：
@Override
public void onClick(View v) {
....
case "delete":
mPaths.remove(mCurrentPostion);
mPagerAdapter.notifyDataSetChanged();
mCurrentPostion = mViewPager.getCurrentItem();
postionChange(mCurrentPostion);
break;
}
...
}至此是不是以为已经完成了？ 没有哦！ 因为我们还要通知外面的那个展示列表更新哦！
所以我们需要在这个DialogFragment dismiss的时候判断一下是否需要对外部进行更新！
我们依旧采用接口回调的思想：
@Override
public void onClick(View v) {
....
case "delete":
if (!mNeedToUpdate) {
mNeedToUpdate = true;
}
mPaths.remove(mCurrentPostion);
if (mPaths.size() == 0) {
dismiss();
return;
}
mPagerAdapter.notifyDataSetChanged();
mCurrentPostion = mViewPager.getCurrentItem();
postionChange(mCurrentPostion);
break;
}
...
}
@Override
public void dismiss() {
super.dismiss();
if (mNeedToUpdate) {
mCallback.update(mPaths);
}
}
public void setUpdateCallback(UpdateCallback callback) {
mCallback = callback;
}
public interface UpdateCallback {
void update(List<String> mPaths);
}在DialogFragment消失的时候，通知他去更新！
最后我们还要监听一下用户的back实体键：
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
this.getDialog().setOnKeyListener(new OnKeyListener() {
public boolean onKey(DialogInterface dialog, int keyCode,
KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
dismiss();
return true;
} else {
return false;
}
}
});
}当用户按下back键的时候，我们也让它dissmiss()
OK！至此FullScreenFragment就这样完成啦！！
那么我们现在看看Controller的代码！
4.完整的ChosenPhotoViewController
那么Controller中的click代码就可以变成：....
@Override
public void click(int position) {
if (position == mPaths.size()) {
// 跳转逻辑
....
} else {
if (mFullFragment == null) {
throw new IllegalArgumentException(
"FullScreenFragment is null. you should invoke setDetailsFragment first");
}
if (mManager == null) {
throw new IllegalArgumentException(
"FragmentManager is null. you should invoke setDetailsFragment first");
}
mFullFragment.setList(mPaths);
mFullFragment.setCurrentPosition(position);
mFullFragment.show(mManager, "FullFragment");
}
}
....这里需要注意一下 DialogFragment的show是异步的！异步的！异步的！
当我们调用show的时候，不是立即显示出来的。
Android DialogFragment getActivity() is null -StackOverFlow
所以，在DialogFragment中，我们对外暴露的方法里面，一定不能涉及上下文的操作，也不能涉及View相关的代码！
这个坑我在开发的时候花了好长的时候，一开始我是在
mFullFragment.setList(mPaths);
才开始创建PagerAdapter，然后当我调用
mViewPager.setAdapter(mAdapter)
死活报的都是空指针异常
所以要好好注意这里！
到这里还没有完哦，我们还要在Controller中加一个对外暴露的方法，传如FullScreenFragment实例，以及FragmentManager
public void setDetailsFragment(@NonNull FragmentManager manager,
@NonNull FullScreenFragment fragment) {
mFullFragment = fragment;
mManager = manager;
//设置回调监听！
mFullFragment.setUpdateCallback(new UpdateCallback() {
@Override
public void update(List<String> paths) {
mAdapter.update(paths);
}
});
}OK!那现在完整的ChosenPhotoController的完整代码也呼之欲出啦！
public class ChosenPhotoViewController extends BaseController {
/**
* 一行图片的数量
*/
private int mNumColumuns;
/**
* +号图片的资源Id
*/
private int mAddIconId;
/**
* 图片路径
*/
private List<String> mPaths;
/**
* +号图片，接口回调
*/
private AddIconAction mAction;
private IPhotoGridView mView;
private ChosenPhotoAdapter mAdapter;
private FragmentManager mManager;
private FullScreenFragment mFullFragment;
public ChosenPhotoViewController(int numColumns, int addIconId) {
mAddIconId = addIconId;
mNumColumuns = numColumns;
mPaths = new ArrayList<String>();
}
/**
* 设置监听，主要是Controller和View联动使用 不需要手动调用
*
* @param listener
*/
@Override
public void setPhotoViewListener(IPhotoGridView view) {
mView = view;
mAdapter = new ChosenPhotoAdapter(mView.getGridView().getContext(),
mPaths, mNumColumuns, mAddIconId);
mView.bindAdapter(mAdapter);
}
@Override
public List<String> getPaths() {
return mPaths;
}
@Override
public void setAdapter(List<String> paths) {
if (mView == null)
throw new IllegalArgumentException(
"mListener is null. you should invoke ChosenPhotoGridView's bindController() first");
mPaths = paths;
mAdapter.update(mPaths);
}
@Override
public void click(int position) {
if (position == mPaths.size()) {
if (mAction == null) {
throw new IllegalArgumentException(
"AddIconAction is null. you should invoke setAddIconAction first");
}
mAction.onAddClick();
} else {
if (mFullFragment == null) {
throw new IllegalArgumentException(
"FullScreenFragment is null. you should invoke setDetailsFragment first");
}
if (mManager == null) {
throw new IllegalArgumentException(
"FragmentManager is null. you should invoke setDetailsFragment first");
}
mFullFragment.setList(mPaths);
mFullFragment.setCurrentPosition(position);
mFullFragment.show(mManager, "FullFragment");
}
}
public void setDetailsFragment(@NonNull FragmentManager manager,
@NonNull FullScreenFragment fragment) {
mFullFragment = fragment;
mManager = manager;
mFullFragment.setUpdateCallback(new UpdateCallback() {
@Override
public void update(List<String> paths) {
mAdapter.update(paths);
}
});
}
public void setAddIconAction(AddIconAction action) {
mAction = action;
}
public interface AddIconAction {
void onAddClick();
}
}到时候我们使用起来就是这样：
mGv = (GalleryGridView) findViewById(R.id.gv);
mController = new ChosenPhotoViewController(4, R.drawable.add);
FullScreenFragment f =FullScreenFragment.newInstance
(R.color.bar,R.drawable.btn_return, R.drawable.btn_delete);
mController.setDetailsFragment(getSupportFragmentManager(), f);
mController.setAddIconAction(new AddIconAction() {
@Override
public void onAddClick() {
Intent i = new Intent(ShowActivity.this, MainActivity.class);
startActivityForResult(i, 1);
}
});
mGv.bindController(mController);嗯，代码还算优雅，也还算比较少！
5.结束语
OK! 现在这个Jar要已经达到了我们日常项目开发所需要的样子了！！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- iOS原生APNS推送
- NSThread
- 文章标题
- html5本地存储localStorage与sessionStorage详解
- 去除文章复制限制JScript
- Shiro介绍（七）：扩展自已的@RequiresPermission（修正）
- I2C 总线协议
- 正向代理服务器和反向代理服务器的区别
- HDU4057 Rescue the Rabbit（AC自动机+状压DP）
- aliyun 安装 fileinfo
- java 字符串使用+号的时候 到底发生了什么
- Socket详解
- python资源整理
- ibatis对oracle数据库的批量更新和批量插入的操作
- 代码:找一组数的众数(数字模式的识别).swust oj 0076
- 编写高质量代码--改善python程序的建议（八）
- MySQL和java数据类型对应查询表
- poj 2484 A Funny Game（博弈）
- JavaScript_String
- hdu 2148 Score