android ViewPager学习笔记1
16lz
2021-01-23
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的播放器(VideoViewEx.java,MediaControllerEx
- Android刷新页面
- android - mvp实现商品详情页面【仿】京东App
- Android之十二微信UI界面设计
- android 打开本地相册,并将选择的照片显示到当前界面
- Android-线性布局的经典案例1-计算器
- Android简易计算器——LinearLayout布局
- Android 用户界面【level 1】
- android 使用代码实现 RelativeLayout布局