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" >

            <!-- android:columnWidth="108dip" -->
            <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  ---------------

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="8dp"
     >


    <TextView
        android:id="@+id/text_menu"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:textColor="#3b3b3b"
        android:background="#ffffff"
         />


    <View
        android:id="@+id/text_line"
        android:layout_width="wrap_content"
        android:layout_height="2dp"
        android:layout_below="@+id/text_menu"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_alignParentBottom="true"
        android:layout_marginTop="5dp"
        android:background="@color/trade_view_title" />


</RelativeLayout>

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