Android 开源项目浅读-------SwipeMenuListView-重写-第二章，菜单显示

上一遍文章说到SwipeMenuLayout是FragmentLayout子类，那么画菜单控件的代码应该就在该类里面的onLayout函数了。我们看看该函数

		mContentView.layout(0, 0, getMeasuredWidth(),
				mContentView.getMeasuredHeight());
		if (mSwipeDirection == SwipeMenuListView.DIRECTION_LEFT) {
			mMenuView.layout(getMeasuredWidth(), 0,
					getMeasuredWidth() + mMenuView.getMeasuredWidth(),
					mContentView.getMeasuredHeight());
		} else {
			mMenuView.layout(-mMenuView.getMeasuredWidth(), 0,
					0, mContentView.getMeasuredHeight());
		}



里面有两个变量，一个是mContentView， 另外一个是mMenuView，根据名字和类型可以知道这就是菜单和内容的显示了。 

那么为了测试SwipeMenuLayout类，我们先给SwipeMenuListView类提供合适的数据源，由于该类是ListView的子类，那么数据源的获取必须是个Adapter类的子类。那么这个类在该开源项目中就是SwipeMenuAdapter.我们自己先简单写一下，以便提供合适的SwipeMenuLayout对象。

 接下来就是实现了Adapter的子类，参考该开源项目，我们也直接继承WrapperListAdapter，该类其实是一个包裹另外一个Adapter类的类，我们将该类中定义一个ListAdapter，而所有的该类的操作基本上依赖ListAdapter的对象，代码如下。

/**
 * Created by kankan on 2016/5/12.
 */
public class SwipeMenuAdapter implements WrapperListAdapter {
    String TAG = this.getClass().getSimpleName();
    Context mContext;
    ListAdapter mListAdapter;
    public SwipeMenuAdapter(Context context,ListAdapter listAdapter ) {
        mContext = context;
        mListAdapter = listAdapter;
    }

    @Override
    public ListAdapter getWrappedAdapter() {
        return mListAdapter;
    }

    @Override
    public boolean areAllItemsEnabled() {
        return mListAdapter.areAllItemsEnabled();
    }

    @Override
    public boolean isEnabled(int position) {
        return mListAdapter.isEnabled(position);
    }

    @Override
    public void registerDataSetObserver(DataSetObserver observer) {
        mListAdapter.registerDataSetObserver(observer);
    }

    @Override
    public void unregisterDataSetObserver(DataSetObserver observer) {
        mListAdapter.unregisterDataSetObserver(observer);
    }

    @Override
    public int getCount() {
        Log.i(TAG,"the number of items is "+mListAdapter.getCount());
        return mListAdapter.getCount();
    }

    @Override
    public Object getItem(int position) {
        return mListAdapter.getItem(position);
    }

    @Override
    public long getItemId(int position) {
        return mListAdapter.getItemId(position);
    }

    @Override
    public boolean hasStableIds() {
        return mListAdapter.hasStableIds();
    }

    int num = 0;
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
       // convertView = View.inflate()
        convertView =mListAdapter.getView(position,convertView,parent);
      SwipeMenuLayout swipeMenuLayout = new SwipeMenuLayout(convertView.getContext());
        Log.i(TAG,"the current item number id is " +num);
        num++;
        return swipeMenuLayout;
    }

    @Override
    public int getItemViewType(int position) {
        return mListAdapter.getItemViewType(position);
    }

    @Override
    public int getViewTypeCount() {
        return mListAdapter.getViewTypeCount();
    }

    @Override
    public boolean isEmpty() {
        return mListAdapter.isEmpty();
    }
}

可以看出上面类的函数基本都是封装了ListAdapter对象的。为了演示方便，我们修改getView方法，让它直接返回一个SwipeMenuLayout的对象，这样我们就可以查看效果了。

由于该类依赖于ListAdapter，那么我们参考开源项目在MainActivity里面实现一个含有ListAdapter接口的BaseAdapter类。该类中主要改写了getCount函数，返回固定个数。

getView，返回一个包含context的View，仅测试使用。

    class AppAdapter extends BaseAdapter{

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

        @Override
        public Object getItem(int position) {
            return "adb";
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
           // SwipeMenuLayout swipeMenuLayout = new SwipeMenuLayout(convertView.getContext());
            convertView = View.inflate(getApplicationContext(),R.layout.item,null);
            return convertView;
        }
    }

在MainActivity的onCreater函数里面实列化该类，并将其设置为SwipeMenuView的Adapter。

swipeMenuAdapter = new SwipeMenuAdapter(this,appAdapter);
        mySwipeMenuListView.setAdapter(swipeMenuAdapter);

接下来，我们实现自定义的SwipeMenuLayout类，实现的代码如下。

/**
 * Created by kankan on 2016/5/11.
 */
public class SwipeMenuLayout extends FrameLayout {
    String TAG= this.getClass().getSimpleName();
    public SwipeMenuLayout(Context context) {
        super(context);
        init(context);
    }


    public SwipeMenuLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    void init(Context context){
        setLayoutParams(new AbsListView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        Button button = new Button(context);
        button.setText("button");
        TextView textView = new TextView(context);
        textView.setText("text");
        this.addView(button);
        this.addView(textView);
    }
    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        int count = getChildCount();
        for(int i=0; i<count ; i++){
            View view= getChildAt(i);
            view.layout(0, 0, right, bottom);
        }
        Log.i(TAG, "the top position of current item is "+top);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

初始化函数中我们给该类添加了两个控件，一个是Button，一个是TextView。在layout函数中将这两个控件给画出来。最后的效果如图。