安卓开发之使用viewpager+fragment实现滚动tab页

时间：2014-09-16 09:12:10 阅读：278 评论：0 收藏：0 [点我收藏+]

标签：android blog http color io os 使用 java ar

闲着。用viewpager+fragment实现了个滚动tab。。轻拍，以后会陆续发先小东西出来。。爱分享，才快乐。demo见附件。。

Java代码

package com.example.demo;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
public class MainActivity extends FragmentActivity {
private TextView chatView, address, findView;
private ViewPager mViewPager;
private TextView mBottomLine;
private int screenWidth = 0;
private int currentIndex = 0;
private MyPagerAdapter myPagerAdapter;
private List<Fragment> mFragmentList = new ArrayList<Fragment>();
private List<String> mTitleList = new ArrayList<String>();
MyFragment chatFragment;
MyFragment findFragment;
MyFragment addressFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initComponents();
}
private void initComponents() {
this.mBottomLine = (TextView) findViewById(R.id.bottom_line);
this.screenWidth = getWindowManager().getDefaultDisplay().getWidth();
this.chatView = (TextView) findViewById(R.id.chat_top_info);
this.findView = (TextView) findViewById(R.id.find_top_info);
this.address = (TextView) findViewById(R.id.address_top_info);
TopTabClickListener clickListener = new TopTabClickListener();
this.chatView.setOnClickListener(clickListener);
this.findView.setOnClickListener(clickListener);
this.address.setOnClickListener(clickListener);
this.mViewPager = (ViewPager)findViewById(R.id.viewPager);
chatFragment = new MyFragment();
Bundle b = new Bundle();
b.putInt("index", 0);
chatFragment.setArguments(b);
mFragmentList.add(chatFragment);
findFragment = new MyFragment();
b = new Bundle();
b.putInt("index", 1);
findFragment.setArguments(b);
mFragmentList.add(findFragment);
addressFragment = new MyFragment();
b = new Bundle();
b.putInt("index", 2);
addressFragment.setArguments(b);
mFragmentList.add(addressFragment);
myPagerAdapter = new MyPagerAdapter(getSupportFragmentManager(), mFragmentList, mTitleList);
mViewPager.setAdapter(myPagerAdapter);
mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int index) {}
@Override
public void onPageScrolled(int index, float arg1, int pixes) {
if(pixes != 0){
mBottomLine.layout((int) ((index + arg1) * screenWidth / 3), 0, (int) ((index + 1 + arg1) * screenWidth / 3), mBottomLine.getWidth());
}
if (pixes == 0) {
currentIndex = index;
changeIndex(currentIndex);
}
System.out.println("the state is : " + arg1 + " and index is " + index);
}
@Override
public void onPageScrollStateChanged(int state) {}
});
}
public void onLeftBtnClick(View view){
this.finish();
}
private class TopTabClickListener implements OnClickListener{
@Override
public void onClick(View view) {
if (view.getId() == chatView.getId()) {
mViewPager.setCurrentItem(0);
}else if(view.getId() == findView.getId()){
mViewPager.setCurrentItem(1);
}else{
mViewPager.setCurrentItem(2);
}
changeIndex(mViewPager.getCurrentItem());
}
}
private void changeIndex(int index){
if(index == 0){
chatView.setTextColor(getResources().getColor(R.color.green));
findView.setTextColor(getResources().getColor(R.color.black));
address.setTextColor(getResources().getColor(R.color.black));
}else if(index == 1){
findView.setTextColor(getResources().getColor(R.color.green));
chatView.setTextColor(getResources().getColor(R.color.black));
address.setTextColor(getResources().getColor(R.color.black));
}else {
address.setTextColor(getResources().getColor(R.color.green));
findView.setTextColor(getResources().getColor(R.color.black));
chatView.setTextColor(getResources().getColor(R.color.black));
}
mBottomLine.layout((int) (index * screenWidth / 3), 0, (int) ((index + 1) * screenWidth / 3), mBottomLine.getWidth());
}
private class MyPagerAdapter extends FragmentPagerAdapter {
private List<Fragment> fragmentList;
private List<String> titleList;
public MyPagerAdapter(FragmentManager fm, List<Fragment> fragmentList,
List<String> titleList) {
super(fm);
this.fragmentList = fragmentList;
this.titleList = titleList;
}
/**
* 得到每个页面
*/
@Override
public Fragment getItem(int arg0) {
return (fragmentList == null || fragmentList.size() == 0) ? null
: fragmentList.get(arg0);
}
/**
* 每个页面的title
*/
@Override
public CharSequence getPageTitle(int position) {
return (titleList.size() > position) ? titleList.get(position) : "";
}
@Override
public int getCount() {
return fragmentList == null ? 0 : fragmentList.size();
}
}
}
package com.example.demo;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class MyFragment extends Fragment {
private int index = 0;
private LayoutInflater mInflater;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
index = getArguments().getInt("index", 0);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mInflater = inflater;
TextView v = (TextView) mInflater.inflate(R.layout.fragment, null);
v.setText("第" + index);
return v;
}
}

demo.zip (1.4 MB)

安卓开发之使用viewpager+fragment实现滚动tab页

标签：android blog http color io os 使用 java ar

原文地址：http://www.cnblogs.com/xiaochao1234/p/3974140.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行