Android-装B必备自定义View(1)

来源：互联网发布：c语言读取xml配置文件编辑：程序博客网时间：2024/05/15 08:03

转载请标明出处:
http://blog.csdn.net/hai_qing_xu_kong/article/details/52186398
本文出自：【顾林海的博客】

前言

已经好长时间没更新博客了，今天给大家带来一个横向滚动的菜单，用的是HorizontalScrollView，但HorizontalScrollView不能在滚动时定位到某个菜单，因此监听了onScrollChanged方法，代码比较简单，大家看代码就行了，主要是封装了一下，方便大家使用，项目github在底部会给出的。废话不多说，先上效果图：

这里写图片描述

怎么用

这个控件已经进行了非常给力的封装了，想必大家一定用的比较酸爽。

这里写图片描述

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <com.horizontalscrollview.view.HorizontalScrollMenuView        android: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;    @Override    protected 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{        @Override        public int getCount() {            return mTitle.length;        }        @Override        public 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() {                @Override                public void onClick(View view) {                    Toast.makeText(MainActivity.this,"点击了"+mTitle[position],Toast.LENGTH_SHORT).show();                }            });            return root;        }        @Override        public int getViewWidth() {            return 250;        }    }}

用法已经贴出来了，下面有兴趣的话看看源码，没兴趣的话，我也没辙，呵呵。。。

装B源码

package com.horizontalscrollview.view.adapter;import android.view.View;/** * Created by glh on 2016-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 2016-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 2016-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() {            @Override            public 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() {            @Override            public 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() {        }        @Override        public void handleMessage(Message msg) {            switch (msg.what) {                case 0:                    mObservableHorizontalScrollView.smoothScrollTo(mMenuIndex * (mViewWidth + mMiddle), 0);                    break;            }        }    }}

项目地址（豪华套餐）

以下是完整的github项目地址
github项目源码地址：点击【项目源码】

0 1