转载请标明出处:
/hai_qing_xu_kong/article/details/52186398
本文出自：【顾林海的博客】
##前言
已经好长时间没更新博客了，今天给大家带来一个横向滚动的菜单，用的是HorizontalScrollView，但HorizontalScrollView不能在滚动时定位到某个菜单，因此监听了onScrollChanged方法，代码比较简单，大家看代码就行了，主要是封装了一下，方便大家使用，项目github在底部会给出的。废话不多说，先上效果图：
##怎么用
这个控件已经进行了非常给力的封装了，想必大家一定用的比较酸爽。
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><com.horizontalscrollview.view.HorizontalScrollMenuViewandroid:id="@+id/hs_menu"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/white"android:layout_centerVertical="true"/></RelativeLayout>
package com.horizontalscrollview;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.LayoutInflater;import android.view.View;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;import com.horizontalscrollview.view.HorizontalScrollMenuView;import com.horizontalscrollview.view.adapter.BaseMenuAdapter;public class MainActivity extends AppCompatActivity {private int[] mDrawableId={R.drawable.image1,R.drawable.image3,R.drawable.image3};private String[] mTitle={"菜单一","菜单二","菜单三"};private HorizontalScrollMenuView mHorizontalScrollMenuView;private MyMenuAdapter mMyMenuAdapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initViews();}private void initViews(){mHorizontalScrollMenuView= (HorizontalScrollMenuView) findViewById(R.id.hs_menu);mMyMenuAdapter=new MyMenuAdapter();mHorizontalScrollMenuView.setAdapter(mMyMenuAdapter);mHorizontalScrollMenuView.notifyDataSetChanged();}class MyMenuAdapter extends BaseMenuAdapter{@Overridepublic int getCount() {return mTitle.length;}@Overridepublic View getView(final int position) {View root= LayoutInflater.from(MainActivity.this).inflate(R.layout.menu_layout,null);ImageView imageView= (ImageView) root.findViewById(R.id.iv_icon);TextView tv_title= (TextView) root.findViewById(R.id.tv_title);tv_title.setText(mTitle[position]);imageView.setImageResource(mDrawableId[position]);imageView.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Toast.makeText(MainActivity.this,"点击了"+mTitle[position],Toast.LENGTH_SHORT).show();}});return root;}@Overridepublic int getViewWidth() {return 250;}}}
用法已经贴出来了，下面有兴趣的话看看源码，没兴趣的话，我也没辙，呵呵。。。
##装B源码
package com.horizontalscrollview.view.adapter;import android.view.View;/*** Created by glh on -08-11.*/public interface MenuAdapter {int getCount();View getView(int position);}
package com.horizontalscrollview.view.adapter;import android.util.SparseArray;import android.view.View;/*** 菜单的抽象类，用户子菜单View的保存* Created by glh on -08-11.*/public abstract class BaseMenuAdapter implements MenuAdapter{private SparseArray<View> mMenuArray=new SparseArray<>();/*** 获取子View的宽度，必传* @return*/public abstract int getViewWidth();public SparseArray<View> getView(){mMenuArray.clear();for(int index=0,length=getCount();index<length;index++){mMenuArray.append(index,getView(index));}return mMenuArray;}}
package com.horizontalscrollview.view;import android.content.Context;import android.os.Handler;import android.os.Message;import android.util.AttributeSet;import android.util.SparseArray;import android.view.LayoutInflater;import android.view.MotionEvent;import android.view.View;import android.widget.LinearLayout;import android.widget.RelativeLayout;import com.horizontalscrollview.R;import com.horizontalscrollview.util.DensityUtil;import com.horizontalscrollview.view.adapter.BaseMenuAdapter;/*** 水平滚动的菜单* Created by glh on -08-11.*/public class HorizontalScrollMenuView extends RelativeLayout{private Context mContext;private View mRootView;private LinearLayout ll_menu;//菜单容器private ObservableHorizontalScrollView mObservableHorizontalScrollView;//滚动容器private int mMenuIndex;private int mScroll;private int interval;//菜单最左边和最右边的距离private int mMiddle;//菜单间隔距离private int mViewWidth;//菜单宽度private MyHandler mMyHandler;private BaseMenuAdapter mBaseMenuAdapter;public HorizontalScrollMenuView(Context context) {this(context, null);}public HorizontalScrollMenuView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public HorizontalScrollMenuView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);this.mContext=context;mMyHandler=new MyHandler();interval=(DensityUtil.getWindowWidth(mContext) - DensityUtil.dip2px(250)) / 2;mMiddle=DensityUtil.dip2px(25);mViewWidth=DensityUtil.dip2px(250);initView();initEvent();}private void initView(){mRootView= LayoutInflater.from(mContext).inflate(R.layout.horizontal_scroll_layout,this,true);ll_menu= (LinearLayout) mRootView.findViewById(R.id.ll_menu);mObservableHorizontalScrollView= (ObservableHorizontalScrollView) mRootView.findViewById(R.id.obh_view);}/*** 添加菜单*/private void addMenu(){ll_menu.removeAllViews();SparseArray<View> viewSparseArray=mBaseMenuAdapter.getView();View intervalView;for(int index=0,length=viewSparseArray.size();index<length;index++){if (index == 0) {/*** <p>*在最左边增加一个（屏宽-菜单宽）/2的宽度的View,*目的在于使第一个菜单居中显示。* </>*/intervalView = new View(mContext);intervalView.setLayoutParams(new LayoutParams(interval, 1));ll_menu.addView(intervalView);}ll_menu.addView(viewSparseArray.get(index));if (index == length-1) {/*** <p>*在最右边增加一个（屏宽-菜单宽）/2的宽度的View,*目的在于使最后一个菜单居中显示。* </>*/intervalView = new View(mContext);intervalView.setLayoutParams(new LayoutParams(interval, 1));ll_menu.addView(intervalView);}else{/*** 两个菜单之间留一点空隙*/intervalView = new View(mContext);intervalView.setLayoutParams(new LayoutParams(mMiddle, 1));ll_menu.addView(intervalView);}}}private void initEvent(){mObservableHorizontalScrollView.setHorizontalScrollViewListener(new ObservableHorizontalScrollView.HorizontalScrollViewListener() {@Overridepublic void onScrollChanged(ObservableHorizontalScrollView scrollView,int x, int y, int oldx, int oldy) {mMenuIndex = x / mViewWidth;//计算当前位置mScroll = x % mViewWidth;if (mScroll >= 0.5) {mMenuIndex++;}if (oldx - x > 0) {/*** 菜单往右滑动*/mMenuIndex--;}}});mObservableHorizontalScrollView.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_UP:mMyHandler.sendEmptyMessage(0);break;default:break;}return false;}});}/*** 设置View* @param adapter*/public void setAdapter(BaseMenuAdapter adapter){this.mBaseMenuAdapter=adapter;this.interval =(DensityUtil.getWindowWidth(mContext) - DensityUtil.dip2px(mBaseMenuAdapter.getViewWidth())) / 2;this.mViewWidth=DensityUtil.dip2px(mBaseMenuAdapter.getViewWidth());}/*** 刷新*/public void notifyDataSetChanged(){addMenu();}/*** 设置菜单间隔* @param middle*/public void setMiddle(int middle){mMiddle=DensityUtil.dip2px(middle);}class MyHandler extends Handler {public MyHandler() {}@Overridepublic void handleMessage(Message msg) {switch (msg.what) {case 0:mObservableHorizontalScrollView.smoothScrollTo(mMenuIndex * (mViewWidth + mMiddle), 0);break;}}}}
##项目地址（豪华套餐）
以下是完整的github项目地址
github项目源码地址：点击【项目源码】
