如何在Fragment类中使用View Pager创建滑动图像？
[英]How to create Sliding images using view Pager in Fragment class?
问题描述
*I would like display full image from WebService and create sliding images at both forward and backward side. 
*我想显示来自WebService的完整图像，并在正反两面创建滑动图像。 I have used ViewPager, PagerAdapter Class. 我使用过ViewPager，PagerAdapter类。 Fragment class is, 片段类是
package com.Fragment.Classes;
import java.util.ArrayList;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import com.PersianBeauty.Adapter.ImagePagerAdapter;
import com.persianbeauty.R;
import com.utility.ConnectionDetector;
import com.utility.JSONfunctions;
import android.annotation.SuppressLint;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.ProgressDialog;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;
@SuppressLint("ValidFragment")
public class ModelPortFoliolFragment extends Fragment
{
ImagePagerAdapter pagerAdapter;
ViewPager pager;
String[] imageUrls;
View rootView;
ArrayList<String> imageList;
// Declare Variables
JSONObject jsonobject;
JSONArray jsonarray;
// JSON Node names
static String TAG_MODEL = "model";
static String TAG_MODELIMAG1 = "ModelImage";
static String TAG_MODEL_IMAGE2 = "ModelImage_2";
static String TAG_MODEL_IMAGE3= "ModelImage_3";
ProgressDialog mProgressDialog;
String ID;
public ModelPortFoliolFragment(String ID)
{
this.ID=ID;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState)
{
rootView = inflater.inflate(R.layout.fragment_model_portfolio, container, false);
if(!ConnectionDetector.networkStatus(getActivity()))
{
ConnectionDetector.displayNoNetworkDialog(getActivity());
}
else
{
new ParseModelPortFolioJSonData().execute();
}
pager = (ViewPager) rootView.findViewById(R.id.pager);
// pager.setAdapter(new ImagePagerAdapter(imageList,getActivity()));
//pager.setCurrentItem(pagerPosition);
pagerAdapter=new ImagePagerAdapter(imageList,getActivity());
pager.setAdapter(pagerAdapter);
//pager.setAdapter(new ImagePagerAdapter(imageList,getActivity()));
//pager.setCurrentItem(pagerPosition);
return rootView;
}
// @Override
// public void onDestroyView()
// {
// super.onDestroyView();
//
// }
// DownloadJSON AsyncTask
public class ParseModelPortFolioJSonData extends AsyncTask<Void, Void, Void>
{
@Override
protected void onPreExecute()
{
super.onPreExecute();
mProgressDialog = new ProgressDialog(getActivity());
mProgressDialog.setMessage("Please wait...");
// mProgressDialog.setIndeterminate(false);
mProgressDialog.setCancelable(false);
mProgressDialog.show();
}
@Override
protected Void doInBackground(Void... arg0)
{ imageList=new ArrayList<String>();
// Create an array
try {
//http://www.persianbeautyawards.com/services/GetModelProfile.php?model_id=56
jsonobject = JSONfunctions.getJSONfromURL(getResources().getString(R.string.base_url).trim() +"GetModelPortfolio.php?model_id="+ID);
System.out.println(getResources().getString(R.string.base_url).trim() +"GetModelPortfolio.php?model_id="+ID+".....................");
// Locate the array name in JSON
System.out.println(jsonobject+".................");
if(jsonobject !=null)
{
jsonarray = jsonobject.getJSONArray(TAG_MODEL);
for (int i = 0; i < jsonarray.length(); i++)
{
jsonobject = jsonarray.getJSONObject(i);
imageList.add(jsonobject.getString(TAG_MODELIMAG1));
System.out.println(jsonobject.getString(TAG_MODELIMAG1)+"...........");
imageList.add(jsonobject.getString(TAG_MODEL_IMAGE2));
System.out.println(jsonobject.getString(TAG_MODEL_IMAGE2)+"...........");
imageList.add(jsonobject.getString(TAG_MODEL_IMAGE3));
System.out.println(jsonobject.getString(TAG_MODEL_IMAGE3)+"...........");
}
// Set the JSON Objects into the array
}
} catch (JSONException e) {
Log.e("Error", e.getMessage());
e.printStackTrace();
}
return null;
}
protected void onPostExecute(Void args)
{
if(imageList !=null)
{
pagerAdapter.notifyDataSetChanged();
if (rootView != null) {
ViewGroup parentViewGroup = (ViewGroup) rootView.getParent();
if (parentViewGroup != null) {
parentViewGroup.removeAllViews();
}
}
}
else
{
Toast.makeText(getActivity(),"Server Error try Again", Toast.LENGTH_LONG).show();
}
mProgressDialog.dismiss();
}
}
}
I have used Adapter Class which extends from PageAdapter , My PageAdapter class is, 我使用了从PageAdapter扩展的Adapter Class，我的PageAdapter类是，
PageAdapter:
package com.PersianBeauty.Adapter;
import java.util.ArrayList;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.persianbeauty.R;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class ImagePagerAdapter extends PagerAdapter
{
LayoutInflater inflator;
ImageView imgDisplay;
Context context;
ArrayList<String> slideShowImages;
private ImageLoader imageLoader;
public ImagePagerAdapter(ArrayList<String> slideShowImages,Context context)
{
this.context=context;
this.slideShowImages =slideShowImages;
imageLoader = ImageLoader.getInstance();
imageLoader.init(ImageLoaderConfiguration.createDefault(context));
}
@Override
public int getCount()
{
return slideShowImages.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == ((ImageView) object);
}
@Override
public Object instantiateItem(ViewGroup container, int position)
{
inflator = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View viewLayout = inflator.inflate(R.layout.item_pager_view, container,
false);
imgDisplay = (ImageView) viewLayout.findViewById(R.id.image);
// BitmapFactory.Options options = new BitmapFactory.Options();
// options.inPreferredConfig = Bitmap.Config.ARGB_8888;
// Bitmap bitmap = BitmapFactory.decodeFile(_imagePaths.get(position), options);
// imgDisplay.setImageBitmap(bitmap);
//
System.out.println("ImageUrl---------------------"+slideShowImages.get(position));
imageLoader.displayImage(slideShowImages.get(position).trim(), imgDisplay);
((ViewPager) container).addView(imgDisplay, 0);
return imgDisplay;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object)
{
((ViewPager) container).removeView((ImageView) object);
}
}
Fragment Layout: 片段布局：
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.view.ViewPager
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
Image Layout which inflates imageLoader class, 扩展imageLoader类的Image Layout，
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="1dip" >
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:adjustViewBounds="true"
/>
</FrameLayout>
when i run this code it gave following error and not load any kind of image on view page, 当我运行此代码时，出现以下错误，并且未在视图页面上加载任何类型的图像，
02-12 09:13:22.034: E/AndroidRuntime(3050): FATAL EXCEPTION: main
02-12 09:13:22.034: E/AndroidRuntime(3050): java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.view.ViewGroup.addViewInner(ViewGroup.java:3339)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.view.ViewGroup.addView(ViewGroup.java:3210)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.addView(ViewPager.java:1304)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.view.ViewGroup.addView(ViewGroup.java:3155)
02-12 09:13:22.034: E/AndroidRuntime(3050): at com.PersianBeauty.Adapter.ImagePagerAdapter.instantiateItem(ImagePagerAdapter.java:62)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.addNewItem(ViewPager.java:832)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.populate(ViewPager.java:982)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:550)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:509)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager.dataSetChanged(ViewPager.java:908)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.ViewPager$PagerObserver.onChanged(ViewPager.java:2819)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.database.DataSetObservable.notifyChanged(DataSetObservable.java:37)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.support.v4.view.PagerAdapter.notifyDataSetChanged(PagerAdapter.java:276)
02-12 09:13:22.034: E/AndroidRuntime(3050): at com.Fragment.Classes.ModelPortFoliolFragment$ParseModelPortFolioJSonData.onPostExecute(ModelPortFoliolFragment.java:151)
02-12 09:13:22.034: E/AndroidRuntime(3050): at com.Fragment.Classes.ModelPortFoliolFragment$ParseModelPortFolioJSonData.onPostExecute(ModelPortFoliolFragment.java:1)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.os.AsyncTask.finish(AsyncTask.java:631)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.os.AsyncTask.access$600(AsyncTask.java:177)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.os.AsyncTask$InternalHandler.handleMessage(AsyncTask.java:644)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.os.Handler.dispatchMessage(Handler.java:99)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.os.Looper.loop(Looper.java:137)
02-12 09:13:22.034: E/AndroidRuntime(3050): at android.app.ActivityThread.main(ActivityThread.java:5041)
02-12 09:13:22.034: E/AndroidRuntime(3050): at java.lang.reflect.Method.invokeNative(Native Method)
02-12 09:13:22.034: E/AndroidRuntime(3050): at java.lang.reflect.Method.invoke(Method.java:511)
02-12 09:13:22.034: E/AndroidRuntime(3050): at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
02-12 09:13:22.034: E/AndroidRuntime(3050): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
02-12 09:13:22.034: E/AndroidRuntime(3050): at dalvik.system.NativeStart.main(Native Method)
Please give me some suggestion. 请给我一些建议。
1 个解决方案
解决方案1
2 已采纳 2014-02-12 07:07:52
Create an attribute named adapter in Activity: 在“活动”中创建一个名为adapter的属性：
private ImagePagerAdapter adapter;
and in onCreate : 并在onCreate ：
adapter= new ImagePagerAdapter(imageList,getActivity());
just call adapter.notifyDataSetChange() : 只需调用adapter.notifyDataSetChange() ：
if(imageList !=null)
{
adapter.notifyDataSetChange();
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
使用视图寻呼机滑动4个图像非常慢 - Sliding 4 images using view pager is very slow
如何使用片段和视图分页器在android中的选项卡宿主指示器上实现滑动效果 - How to implement sliding effect on the tab host indicator in android using fragment and view pager
无法使用毕加索将图像加载到视图寻呼机片段中？ - Unable load images into view pager fragment using picasso?
如何使用view pager分享图像 - how to share images using view pager
在视图分页器中使用片段PagerAdapter时发生类强制转换异常 - Class cast exception while using fragment PagerAdapter with view pager
如何在View Pager中使用滑动抽屉？ - How to use Sliding Drawer with View Pager?
如何在视图寻呼机中启动片段2而不是片段1 - How to start on fragment 2 instead of fragment 1 in a view pager
如何从View Pager Fragment打开片段 - How to open Fragment from View Pager Fragment
如何使用视图分页器在android片段选项卡中移动下一页？ - How to move next page in android fragment tab using view pager?
如何使用pagertabstrip更新视图分页器中的片段视图？ - How to update a fragment view in a view pager with a pagertabstrip?
相关标签