android仿网易导航栏HorizontalScrollView

最新推荐文章于 2021-05-28 12:25:43 发布

置顶 zhtttyyzc

最新推荐文章于 2021-05-28 12:25:43 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： android 网易导航 viewpager HorizontalScrollView

本文链接：https://blog.youkuaiyun.com/zhtttyyzc/article/details/45673753

本文介绍了一个基于Android平台的简单应用案例，通过使用HorizontalScrollView与ViewPager实现导航栏与内容页面间的联动切换。文章详细展示了如何通过代码设置布局、初始化组件以及实现导航栏与视图分页之间的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的代码

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

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>