【问题标题】:Using viewpager in my application在我的应用程序中使用 viewpager
【发布时间】:2011-12-05 22:03:29
【问题描述】:

我想在我的应用程序中使用 viewpager。我试图在一个月内每天都这样做,但我无法实现解决方案。我想创建具有相同 listview 概念但不同数据的页面。这是我的代码:

public final class TestFragment extends ListFragment {
private static final String KEY_CONTENT = "TestFragment:Content";
ArrayList <HashMap<String, Object>> imageliste = new ArrayList<HashMap<String, Object>>();


public class MyCustomAdapter extends ArrayAdapter<HashMap<String, Object>> {
     //Bitmap bm;

     public MyCustomAdapter(Context context, int textViewResourceId,
       ArrayList<HashMap<String,Object>> imageliste) {
      super(context, textViewResourceId,imageliste);
      // TODO Auto-generated constructor stub


     }

     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      //return super.getView(position, convertView, parent);

      View row = convertView;


      if(row==null){
       LayoutInflater inflater=LayoutInflater.from(getActivity());
       row=inflater.inflate(R.layout.list, parent, false);
      }

      TextView label=(TextView)row.findViewById(R.id.text1);
      label.setText((CharSequence) imageliste.get(position).get("Baslik"));

      TextView label2=(TextView)row.findViewById(R.id.text2);
      int boyut =imageliste.get(position).get("Desc").toString().length();
      label2.setText((CharSequence) imageliste.get(position).get("Desc").toString().substring(0, (boyut/3)*2)+"...");

      ImageView icon=(ImageView)row.findViewById(R.id.img); 
      icon.setImageDrawable((Drawable) imageliste.get(position).get("Resim"));


      return row;
     }

    }

public String getURLContent(String url)
{
    try {
        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpGet httpGet = new HttpGet(url);
        ResponseHandler<String> resHandler = new BasicResponseHandler();
        String page = httpClient.execute(httpGet, resHandler);
        return page;
    } catch (ClientProtocolException e) {
        return "";
    }  catch (IOException e) {
        return "";
    }
}
public ArrayList<HashMap<String, Object>> getImageLinks(String strng){

    ArrayList<HashMap<String, Object>> myBooks2 = new ArrayList<HashMap<String, Object>>();


    String html = getURLContent(strng);
    Document doc = Jsoup.parse(html);
    Elements divs = doc.getElementsByClass("postBox");


    for (Element div : divs) {
        Element masthead = div.select("img[src].attachment-post-thumbnail").first();
        String linkHref = masthead.attr("src");

        Element masthead2 = div.select("h1").first().select("a").first();
        String baslik = masthead2.text();

        Element masthead3 = div.select("div.textPreview").first().select("p").first();
        String desc = masthead3.text();

      //Drawable drawable = LoadImageFromWebOperations();
        HashMap<String, Object> hm = new HashMap<String, Object>();
        hm.put("Resim", LoadImageFromWebOperations(linkHref));
        hm.put("Baslik", baslik);
        hm.put("Desc", desc);

        myBooks2.add(hm);



    }

    return myBooks2;
}
private Drawable LoadImageFromWebOperations(String url){
        try{
            InputStream is = (InputStream) new URL(url).getContent();
            Drawable d = Drawable.createFromStream(is, "src name");
            return d;
        }catch (Exception e) {
            System.out.println("Exc="+e);
            return null;
        }
    }

public class backgroundLoadListView extends  AsyncTask<String, Void, Void> {
     private ProgressDialog dialog = new ProgressDialog(getActivity());

     @Override
     protected void onPostExecute(Void result) {
      // TODO Auto-generated method stub



        // adapter = new MyCustomAdapter( getActivity().getApplicationContext(), R.layout.list, imageliste);
         //adapter.notifyDataSetChanged();




      dialog.dismiss();
     }


    @Override
     protected void onPreExecute() {
      // TODO Auto-generated method stub
        dialog.setMessage("Yükleniyor...");
        dialog.show();
     }

     @Override
     protected Void doInBackground(String... arg) {
      // TODO Auto-generated method stub

      imageliste=getImageLinks(arg[0]);

      return null;
     }


}
public class backgroundLoadListView2 extends  AsyncTask<Void, Void, Void> {


     @Override
     protected void onPostExecute(Void result) {
      // TODO Auto-generated method stub
      LayoutInflater inflater = LayoutInflater.from(getActivity());
      View view = inflater.inflate(R.layout.customslidingtabhost, null);
      ListView listView1=(ListView)view.findViewById(R.id.list);

      //MyCustomAdapter adapter = new MyCustomAdapter(getActivity(), R.layout.list, imageliste);
      //listView1.setAdapter(adapter);

      int[] colors = {0xFFFFFFFF, 0xFF87CEEB, 0xFFFFFFFF}; // red for the example
      listView1.setDivider(new GradientDrawable(Orientation.RIGHT_LEFT, colors));
      listView1.setDividerHeight(2);
      listView1.setBackgroundColor(Color.WHITE);

      ((PullToRefreshListView) listView1).onRefreshComplete();

     }


    @Override
     protected void onPreExecute() {
      // TODO Auto-generated method stub

     }

     @Override
     protected Void doInBackground(Void... params) {
      // TODO Auto-generated method stub

      imageliste=getImageLinks("http://www.teknoinfo.net/kategoriler/haberler/teknoloji-haberleri");
      return null;
     }

}
public static TestFragment newInstance(String content) {
    TestFragment fragment = new TestFragment();



    return fragment;
}

private String mContent = "???";

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    if ((savedInstanceState != null) && savedInstanceState.containsKey(KEY_CONTENT)) {
        mContent = savedInstanceState.getString(KEY_CONTENT);
    }



    //new backgroundLoadListView().execute("http://www.teknoinfo.net/haberler");


    MyCustomAdapter adapter = new MyCustomAdapter( getActivity().getApplicationContext(), R.layout.list, imageliste);
    View view = inflater.inflate(R.layout.customslidingtabhost, null);
    final ListView v=(ListView)view.findViewById(R.id.list);
    /*((PullToRefreshListView) v).setOnRefreshListener(new OnRefreshListener() {
        public void onRefresh() {
            // Do work to refresh the list here.
            new backgroundLoadListView2().execute();

        }
    });*/


    int[] colors = {0xFFFFFFFF, 0xFF87CEEB, 0xFFFFFFFF}; // red for the example
    v.setDivider(new GradientDrawable(Orientation.RIGHT_LEFT, colors));
    v.setDividerHeight(2);
    v.setBackgroundColor(Color.WHITE);
    v.setAdapter(adapter);

    ((PullToRefreshListView) v).setOnRefreshListener(new OnRefreshListener() {
        public void onRefresh() {
            // Do work to refresh the list here.
            //new backgroundLoadListView2().execute();
        //  new backgroundLoadListView().execute("http://www.teknoinfo.net/haberler");

        }
    });
    return view;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);






}

@Override
public void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);
    outState.putString(KEY_CONTENT, mContent);
}

}

【问题讨论】:

    标签: android android-viewpager


    【解决方案1】:

    很难处理您发布的所有代码(其中大部分与您的问题无关),但据我所知,您甚至没有从您的代码中设置 ViewPager 或者它隐藏在一些您没有发布的 XML 文件。

    您需要做的是创建一个 ViewPager 实例。例如在您的片段的 XML 布局文件中,例如:

    <android.support.v4.view.ViewPager
        android:id="@+id/pager" 
        android:layout_width="fill_parent"
        android:layout_height="0dp" 
        android:layout_weight="1" />
    

    现在,在您的 Fragment 中,您创建一个适配器来指定您想要的页面(类似于 ListAdapter 如何将项目指定给 ListView)。为此,创建一个继承自 PagerAdapter 的类(您可以在 Fragment 代码中内联执行该操作)。例如,类似:

    private class MyPagerAdapter extends PagerAdapter implements TitleProvider {
    
        private ListView pagerListView1;
        private ListView pagerListView2;
    
        public MyPagerAdapter() {
            LayoutInflater inflater = getActivity().getLayoutInflater();
            pagerListView1 = (ListView) inflater.inflate(R.layout.fragment_pagerlist, null);
            pagerListView2 = (ListView) inflater.inflate(R.layout.fragment_pagerlist, null);
        }
    
        @Override
        public int getCount() {
            return 2;
        }
    
        @Override
        public Object instantiateItem(View container, int position) {
            switch (position) {
            case 0:
                ((ViewPager) container).addView(pagerListView1, 0);
                return pagerListView1;
            case 1:
                ((ViewPager) container).addView(pagerListView2, 0);
                return pagerListView2;
            }
            return null;
        }
    
        @Override
        public void destroyItem(View container, int position, Object object) {
            ((ViewPager) container).removeView((View) object);
        }
    
        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == (View) object;
        }
    
        @Override
        public void finishUpdate(View container) {
        }
    
        @Override
        public Parcelable saveState() {
            return null;
        }
    
        @Override
        public void startUpdate(View container) {
        }
    
        @Override
        public void restoreState(Parcelable state, ClassLoader loader) {
        }
    
    }
    

    请注意,我在此寻呼机中硬编码了 2 个页面/列表。您可以像使用任何其他 ListView 一样填充它们。页面的布局只是一个简单的 ListView,它是从 fragment_pagerlist XML 文件扩展而来的,看起来像:

    <?xml version="1.0" encoding="utf-8"?>
    <ListView xmlns:android="http://schemas.android.com/apk/res/android" 
        android:id="@+id/list"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:cacheColorHint="@color/BackgroundLight" />
    

    最后,在 onActivityCreated 方法的某个地方绑定 ViewPager 的适配器:

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    
        ViewPager pager = (ViewPager) getView().findViewById(R.id.pager);
        pager.setAdapter(new MyPagerAdapter());
    }
    

    请注意,这还没有为您提供 ViewPagerIndicator。查看 Jake Wharton 的优秀图书馆。

    如果您希望代码成为完全实现且工作的版本,在 ViewPager 和 ViewPagerIndicator 中有多个列表(和其他视图),请查看用于 Android 项目的开源 RateBeer;特别是 http://code.google.com/p/ratebeerforandroid/source/browse/RateBeerForAndroid/src/com/ratebeer/android/gui/fragments/SearchFragment.java#486 用于现实世界的 PagerAdapter。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多