[置顶] android仿网易导航栏HorizontalScrollView

简单的代码

主活动-------------------------

public class TradeActivity extends FragmentActivity implements OnItemClickListener{

/*横向导航*/
private HorizontalScrollView scrollView;
/*导航栏每项*/
private GridView dishtype;
/*对应碎片内容*/
private ViewPager viewPager;
/*导航栏适配器*/
private DisAdapter disadapter;
/*导航栏数据*/
private ArrayList<String> welist = new ArrayList<String>();
/*手机屏幕宽度*/
private int width;
private MyViewPagerAdapter adapter;

protected void onCreate(android.os.Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_trade_view_new);
initView();
initNavigation();
initDistance();
}
/*初始化导航栏间距*/
private void initDistance() {
DisplayMetrics metrics=new DisplayMetrics();
this.getWindowManager().getDefaultDisplay().getMetrics(metrics);
width=metrics.widthPixels;
dishtype.setColumnWidth(width/4);//根据手机屏幕宽度分割4份
dishtype.setStretchMode(GridView.NO_STRETCH);

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( //移动条此处根据需求每页显示几项目前是4
welist.size()*width/4, LinearLayout.LayoutParams.WRAP_CONTENT);
dishtype.setLayoutParams(params);
dishtype.setGravity(Gravity.CENTER);
// 设置列数为得到的list长度
dishtype.setNumColumns(welist.size());
dishtype.setOnItemClickListener(this);
}

/*初始化导航栏数据*/
private void initNavigation() {
welist.add("全部");
welist.add("待发货");
welist.add("已发货");
welist.add("已完成");
welist.add("已提交");
welist.add("啊啊啊啊");

disadapter = new DisAdapter(this, welist);
dishtype.setAdapter(disadapter);
}

private void initView() {
scrollView = (HorizontalScrollView) findViewById(R.id.horscrol);
dishtype = (GridView) findViewById(R.id.dishtype);
viewPager = (ViewPager) findViewById(R.id.viewpager_main);

adapter = new MyViewPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
}
/**
* 导航栏每项点击事件
*/
@Override
public void onItemClick(AdapterView<?> parent, View view, final int position,
long id) {
// scrollView.scrollTo((width/5)*(Math.abs(position-index)),0);
disadapter.setSelection(position);
scrollView.post(new Runnable() {
public void run() {
scrollView.scrollTo((width/4)*(position-1),0);
}
});
disadapter.notifyDataSetChanged();
viewPager.setCurrentItem(position);

};
/**
* viewpager
* @author lahm
*
*/
public class MyViewPagerAdapter extends FragmentPagerAdapter {

public MyViewPagerAdapter(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int position) {// 根据位置返回碎片目前的需求同一个模板只是数据不同
Fragment fragment = new FragmentTradeView();//测试碎片随便新建个可以看效果
switch (position) {
case 0:
//此处自行处理
break;
case 1:
;
break;
case 2:

break;
case 3:

break;
case 4:

break;
case 5:

break;
default:
break;
}
return fragment;
}

@Override
public int getCount() {
return 6;
}

}
/**
* ViewPager滑动监听
* @author lahm
*
*/
private class MyOnPageChangeListener implements OnPageChangeListener {

@Override
public void onPageScrollStateChanged(int arg0) {
// 此方法是在状态改变的时候调用，其中arg0这个参数有三种状态（0，1，2）。arg0
// ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。

}
// 当页面在滑动的时候会调用此方法，在滑动被停止之前，此方法回一直得到
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {

}
// 此方法是页面跳转完后得到调用，arg0是你当前选中的页面的Position
@Override
public void onPageSelected(final int position) {
scrollView.post(new Runnable() {
public void run() {
scrollView.scrollTo((width/4)*(position-1),0);//选中的导航栏设置在固定的第二个位置
}
});
disadapter.setSelection(position);
disadapter.notifyDataSetChanged();
}

}

导航栏 adapter--------------------

public class DisAdapter extends BaseAdapter{
ArrayList<String> list;
Context context;
LayoutInflater inflater;
private int clickitem;
public DisAdapter(Context context,ArrayList<String> list) {
this.list=list;
this.context=context;
inflater=LayoutInflater.from(context);
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
public void setSelection(int postion){
clickitem=postion;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if(convertView==null){
holder=new ViewHolder();
convertView=inflater.inflate(R.layout.title_meun, parent, false);
holder.textMenu=(TextView) convertView.findViewById(R.id.text_menu);
holder.textline=(View) convertView.findViewById(R.id.text_line);
convertView.setTag(holder);
}else{
holder=(ViewHolder) convertView.getTag();
}
holder.textMenu.setText(list.get(position));

if(position==clickitem){
holder.textline.setVisibility(View.VISIBLE);
holder.textMenu.setTextColor(context.getResources().getColor(R.color.trade_view_title));
}else{
holder.textline.setVisibility(View.INVISIBLE);
holder.textMenu.setTextColor(context.getResources().getColor(R.color.trade_view_title_un));
}
return convertView;
}
private class ViewHolder{
TextView textMenu;
View textline;
}
}

主活动布局xml-------------------

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<HorizontalScrollView
android:id="@+id/horscrol"
android:layout_width="match_parent"
android:layout_height="50dp"
android:scrollbars="none"
>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >


<GridView
android:id="@+id/dishtype"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:cacheColorHint="#00000000"
android:gravity="center"
android:horizontalSpacing="1.0dip"
android:listSelector="#00000000"
android:numColumns="auto_fit"
android:stretchMode="spacingWidthUniform"
android:verticalSpacing="1.0dip" >

</GridView>
</LinearLayout>
</HorizontalScrollView>

<android.support.v4.view.ViewPager
android:id="@+id/viewpager_main"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />

</LinearLayout>

导航栏适配器布局xml ---------------

如果导航栏不止标题可以在分割界面的时候多加上看具体情况而定菜鸟,希望多交流

更多相关文章

随机推荐