直接上代码:
activity_main.xml:
<?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" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FAF0E6" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:gravity="center" > <Button android:id="@+id/btn_sixin_message" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="@drawable/btn_gray_pressed" android:text="私信" android:textSize="18dp" /> <Button android:id="@+id/btn_pinglun_message" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:background="#00000000" android:text="评论" android:textSize="18dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="2dp" android:background="#D3D3D3" > </LinearLayout> <android.support.v4.view.ViewPager android:id="@+id/vp_mymessage" android:layout_width="match_parent" android:layout_height="match_parent" > </android.support.v4.view.ViewPager> </LinearLayout> </LinearLayout>
下面再建两个xml用于显示每页的内容:
view_message_one.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical" android:paddingTop="5dp" > <TextView android:layout_gravity="center" android:gravity="center" android:text="Message One " android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout>
view_message_two.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical" android:paddingTop="5dp" > <TextView android:layout_gravity="center" android:gravity="center" android:text="Message two" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </LinearLayout>
适配器文件 MyPagerAdapter:
package com.example.viewpager;
import java.util.List;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
public class MyPagerAdapter extends PagerAdapter {
List<View> viewList;
public MyPagerAdapter(List<View> viewList) {
this.viewList = viewList;
}
@Override
public int getCount() {
return viewList.size();
}
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewList.get(position));
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewList.get(position));
return viewList.get(position); // 返回当前要显示的view
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
}
下面是主文件:MainActivity.java:
public class MainActivity extends Activity implements OnClickListener{
private Button btn1, btn2;
private ViewPager viewPager;
private View view_first, view_two;
List<View> viewList = new ArrayList<View>();
private MyPagerAdapter pAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
viewPager = (ViewPager) findViewById(R.id.vp_mymessage);
view_first = this.getLayoutInflater().from(this)
.inflate(R.layout.view_message_one, null);
view_two = this.getLayoutInflater().from(this)
.inflate(R.layout.view_message_two, null);
viewList.add(view_first);
viewList.add(view_two);
pAdapter=new MyPagerAdapter(viewList);
viewPager.setAdapter(pAdapter);
viewPager.setCurrentItem(0);//默认页
viewPager.setOnPageChangeListener(new MyPageListener());
btn1=(Button) findViewById(R.id.btn_sixin_message);
btn2=(Button) findViewById(R.id.btn_pinglun_message);
btn1.setOnClickListener(this);
btn2.setOnClickListener(this);
}
class MyPageListener implements OnPageChangeListener{
@Override
public void onPageScrollStateChanged(int arg0) {}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {}
@Override
public void onPageSelected(int arg0) {
if (arg0==0) {
btn1.setBackgroundResource(R.drawable.btn_gray_pressed);
btn2.setBackgroundColor(color.transparent);
/*
* 页面一相关内容
*/
}
if (arg0==1) {
btn2.setBackgroundResource(R.drawable.btn_gray_pressed);
btn1.setBackgroundColor(color.transparent);
/*
* 页面二相关内容
*/
}
}
}
@Override
public void onClick(View v) {
switch(v.getId()){
case R.id.btn_sixin_message:
viewPager.setCurrentItem(0); //点击first的时候设置第一个view显示
btn1.setBackgroundResource(R.drawable.btn_gray_pressed);
break;
case R.id.btn_pinglun_message:
viewPager.setCurrentItem(1); //点击second的时候设置第一个view显示
btn2.setBackgroundResource(R.drawable.btn_gray_pressed);
break;
}
}
}
转载于:https://blog.51cto.com/shaotao/1329550