Android利用ViewPager仿微信主界面

首先是介绍ViewPager这个控件 ,这个控件需要pagerAdapter作为容器来提供数据,同时pagerAdapter的数据源是View数组效果图如下

部分代码如下,实现如下的方法mPagerAdapter = new PagerAdapter(){() {return mViews.size();}(View view, Object o) {return view == o;}@Overridepublic Object instantiateItem(ViewGroup container, int position) {View view = mViews.get(position);container.addView(view);return view;}(ViewGroup container, int position, Object object) {container.removeView(mViews.get(position));}};View数组就是几个LinearLayout,代码如下 private List<View> mViews = new ArrayList<View>(); View tab01 = inflater.inflate(R.layout.tab01,null);View tab02 = inflater.inflate(R.layout.tab02,null);View tab03 = inflater.inflate(R.layout.tab03,null);View tab04 = inflater.inflate(R.layout.tab04,null);mViews.add(tab01);mViews.add(tab02);mViews.add(tab03);mViews.add(tab04);ViewPager的滑动点击事件viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {(int i, float v, int i2) {}(int i) {int currentItem = viewPager.getCurrentItem();resetImg();switch(currentItem){case 0:btnWeixin.setImageResource(R.drawable.tab_weixin_pressed);break;case 1:btnFriend.setImageResource(R.drawable.tab_find_frd_pressed);break;case 2:btnAddress.setImageResource(R.drawable.tab_address_pressed);break;case 3:btnSetting.setImageResource(R.drawable.tab_settings_pressed);break;default:break;}}(int i) {}});仿微信主页面,实现的效果是滑动ViewPager的各个页面之后,下面的图标也是随着相应的界面变亮,然后点击底部,相应的页面也会跳转点击底部跳转的逻辑在于代码,ViewPager对各个页面是从0开始编号的 viewPager.setCurrentItem(1);布局主要代码===”center”android:background=”@drawable/title_bar”><TextView===”bold”/></LinearLayout>===”center”android:background=”@drawable/bottom_bar”><LinearLayout ==”center”android:orientation=”vertical”><ImageButton==”#00000000″android:clickable=”false”/><TextView=><LinearLayout==”center”android:orientation=”vertical”><ImageButton==”#00000000″android:clickable=”false”/><TextView=><LinearLayout==”center”android:orientation=”vertical”><ImageButton==”#00000000″android:clickable=”false”/><TextView=><LinearLayout==”center”android:orientation=”vertical”><ImageButton==”#00000000″android:clickable=”false”/><TextView=></LinearLayout><LinearLayout 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:paddingLeft=”@dimen/activity_horizontal_margin”android:paddingRight=”@dimen/activity_horizontal_margin”android:paddingTop=”@dimen/activity_vertical_margin”android:paddingBottom=”@dimen/activity_vertical_margin”android:orientation=”vertical”><include layout=”@layout/top”/><androidandroid:id=”@+id/viewPager”android:layout_width=”fill_parent”android:layout_height=”0dp”android:layout_weight=”1″></android> <include layout=”@layout/bottom”/></LinearLayout>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!项目源码代码地址是https://github.com/fengsehng/WeixinTest

,赚钱之道很多,但是找不到赚钱的种子,便成不了事业家。

Android利用ViewPager仿微信主界面

相关文章:

你感兴趣的文章:

标签云: