android ViewPager學習筆記1

標籤：android   viewpager   

1、用戶端代碼

1.1第一個介面

public class MainActivity extends FragmentActivity {private ViewPager viewPager;private List<Fragment> items;private List<String> titles;private MyFragmentPagerAdapter adapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager = (ViewPager) this.findViewById(R.id.viewpager);items = new ArrayList<Fragment>();Fragment1 fragment1 = new Fragment1();Fragment2 fragment2 = new Fragment2();items.add(fragment1);items.add(fragment2);titles = new ArrayList<String>();titles.add("第一個頁面");titles.add("第二個頁面");adapter = new MyFragmentPagerAdapter(getSupportFragmentManager());viewPager.setAdapter(adapter);adapter.notifyDataSetChanged();}public class MyFragmentPagerAdapter extends FragmentPagerAdapter {public MyFragmentPagerAdapter(FragmentManager fm) {super(fm);// TODO Auto-generated constructor stub}@Overridepublic Fragment getItem(int arg0) {// TODO Auto-generated method stubreturn items.get(arg0);}@Overridepublic CharSequence getPageTitle(int position) {// TODO Auto-generated method stubreturn titles.get(position);}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn items.size();}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

對應的布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <android.support.v4.view.ViewPager        android:id="@+id/viewpager"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_gravity="center" >        <android.support.v4.view.PagerTitleStrip            android:id="@+id/pagertitle"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="top" >        </android.support.v4.view.PagerTitleStrip>            </android.support.v4.view.ViewPager></RelativeLayout>

1.2第二個介面

public class Fragment1 extends ListFragment implements OnScrollListener {private String path = "http://172.22.122.1:8080/viewpager/servlet/CityAction?pageNo=";private static int pageNo = 1;// 預設是第一頁private List<String> total_list;private MyAdapter adapter;private boolean is_scrolling = false;// 是否需要滾動@Overridepublic void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);adapter = new MyAdapter();new MyTask().execute(path + pageNo);}public class MyTask extends AsyncTask<String, Void, List<String>> {@Overrideprotected List<String> doInBackground(String... params) {// TODO Auto-generated method stubList<String> list = new ArrayList<String>();HttpClient httpClient = new DefaultHttpClient();HttpPost httpPost = new HttpPost(params[0]);HttpResponse response = null;try {response = httpClient.execute(httpPost);if (response.getStatusLine().getStatusCode() == 200) {String jsonString = EntityUtils.toString(response.getEntity(), "utf-8");JSONArray jsonArray = new JSONObject(jsonString).getJSONArray("citys");for (int i = 0; i < jsonArray.length(); i++) {list.add(jsonArray.getString(i));}}} catch (Exception e) {// TODO: handle exceptione.printStackTrace();} finally {httpClient.getConnectionManager().shutdown();}return list;}@Overrideprotected void onPostExecute(List<String> result) {// TODO Auto-generated method stubsuper.onPostExecute(result);// 調用適配器綁定資料adapter.bindData(result);setListAdapter(adapter);adapter.notifyDataSetChanged();pageNo++;// 頁碼加一}}public class MyAdapter extends BaseAdapter {private List<String> list;public void bindData(List<String> list) {this.list = list;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn list.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn list.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stubView view = null;if (convertView == null) {view = LayoutInflater.from(getActivity()).inflate(R.layout.item, null);} else {view = convertView;}TextView textView = (TextView) view.findViewById(R.id.textView1);textView.setText(list.get(position));return view;}}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view = inflater.inflate(R.layout.f1, null);return view;}@Overridepublic void onPause() {// TODO Auto-generated method stubsuper.onPause();}@Overridepublic void onResume() {// TODO Auto-generated method stubsuper.onResume();getListView().setOnScrollListener(this);}@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {// TODO Auto-generated method stub// 表示使用者不在滑動螢幕if (is_scrolling && OnScrollListener.SCROLL_STATE_IDLE == scrollState) {new MyTask().execute(path + pageNo);}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {// TODO Auto-generated method stubif (firstVisibleItem + visibleItemCount == totalItemCount&& totalItemCount != 0) {is_scrolling = true;} else {is_scrolling = false;}}}

對應布局：

<?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:paddingLeft="8dp"    android:paddingRight="8dp" >    <ListView        android:id="@id/android:list"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="#FFFFFF"        android:drawSelectorOnTop="false" /></LinearLayout>

1.3第三個介面

public class Fragment2 extends Fragment {@Overridepublic void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// TODO Auto-generated method stubView view = inflater.inflate(R.layout.f2, null);return view;}@Overridepublic void onPause() {// TODO Auto-generated method stubsuper.onPause();}}

對應的布局：

<?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" >    <ProgressBar        android:id="@+id/progressBar1"        style="?android:attr/progressBarStyleLarge"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <RatingBar        android:id="@+id/ratingBar1"        android:layout_width="match_parent"        android:layout_height="wrap_content" /></LinearLayout>

效果：

android ViewPager學習筆記1