第九单元

一、抽屉的实现

1、原理

1.SlidingMenu继承HorizontalScrollView
2.activity的layout中，添加SlidingMenu，其下是LinearLayout，LinearLayout下是两个LinearLayout，分别代表menu和content
3.HorizontalScrollView本身就支持横向滑动，我们需要再onTouchEvent中判断，如果向右移动的距离大于menu界面的话，menu应该整个显示出来，否则不显示

2、代码实现

layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<com.xianbing.slidingmenudemo.SlidingMenu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_height="match_parent">
        <LinearLayout
            android:id="@+id/menu"
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:background="#ff0000"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="menu"
                />
        </LinearLayout>
        <LinearLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#00ff00"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="content"
                />
        </LinearLayout>
    </LinearLayout>
</com.xianbing.slidingmenudemo.SlidingMenu>

SlidingMenu.java

public class SlidingMenu extends HorizontalScrollView {
    private boolean runOnce = true;
    private LinearLayout mMenu;
    private LinearLayout mContent;
    private int mWindowWidth;
    private int mMenuMeasureWidth;

    public SlidingMenu(Context context) {
        super(context);
        init();
    }

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

    public SlidingMenu(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    public SlidingMenu(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }

    private void init() {
        WindowManager windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics displayMetrics = new DisplayMetrics();
        windowManager.getDefaultDisplay().getRealMetrics(displayMetrics);
        mWindowWidth = displayMetrics.widthPixels;
    }

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

        if (runOnce) {
            runOnce = false;
            LinearLayout linearLayout = (LinearLayout)getChildAt(0);
            mMenu = (LinearLayout)linearLayout.getChildAt(0);
            mContent = (LinearLayout)linearLayout.getChildAt(1);
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams )mContent.getLayoutParams();
            params.width = mWindowWidth;
            mContent.setLayoutParams(params);

            mMenuMeasureWidth = mMenu.getMeasuredWidth();
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        if (changed) {
            ViewTreeObserver viewTreeObserver = getViewTreeObserver();
            viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                @Override
                public void onGlobalLayout() {
                    scrollTo(mMenuMeasureWidth, 0);
                }
            });
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        super.onTouchEvent(ev);
        if (ev.getAction() == MotionEvent.ACTION_UP) {
            int scrollX = getScrollX();
            if (scrollX < mMenuMeasureWidth / 2) {
                smoothScrollTo(0, 0);
            }
            else {
                smoothScrollTo(mMenuMeasureWidth, 0);
            }
        }
        return true;
    }
}

二、下拉刷新

1、原理

Padding是什么，可不可以是负值
一个view 的padding的值设置为负值是什么效果
什么是FrameLayout，用于什么情况

2、实现过程

1.新建RefreshLayout，继承于FrameLayout
2.在RefreshLayout中动态添加Header
3.Header的padding初始是负值，这个值应该和Header的高度是一致的
4.onInterceptTouchEvent中，如果已经是ListView中的第一个数据，并且，Y轴方向上已经有距离发生，开始拦截事件
5.拦截事件后，在onTouchEvent中的ACTION_MOVE，动态修改Padding值，然后用这个值来修改Header的Top Padding
6.在onTouchEvent中，在ACTION_UP中，如果已经滑动超过半个Header的高度值，就显示整个Header View，通知外界，开始loading。用Handler PostDelay一个Runnable，延迟事件设置为2秒，在Runnable中，重新将Header View的padding设置为负值（隐藏起来），通知外界，loading结束。

3、代码

activity_main，主View

<?xml version="1.0" encoding="utf-8"?>
<com.xianbing.demo23.RefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</com.xianbing.demo23.RefreshLayout>

refresh_layout，下拉的View

<?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="200dp"
    android:background="@android:color/holo_green_light">

    <TextView
        android:id="@+id/textTv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="加载中"
        android:visibility="gone" />

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerInParent="true"
        android:visibility="gone" />
</RelativeLayout>

item_list_layout，ListView中的数据的layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:orientation="vertical">

    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:gravity="center"
        android:textSize="20sp" />
</LinearLayout>

RefreshLayout.java

public class RefreshLayout extends FrameLayout {
    private static final int HEADER_HEIGHT = 200;
    private LinearLayout mHeaderParent;//下拉的header
    private ProgressBar progressBar;//下拉的header中的ProgressBar
    private TextView textTv;//下拉的header中的TextView

    private int paddingTop;//Header的top padding
    private int mDownYPos;//ACTION_DOWN事件的时候记录的值，用于判断下拉的距离
    private ListView listView;
    private int firstVisiblePosition;

    private IRefreshListener mRefreshListener;//回调

    public RefreshLayout(@NonNull Context context) {
        super(context);
    }

    public RefreshLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initHeaderView();
    }

    public RefreshLayout(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    private void initHeaderView() {
        //下拉显示的头布局的根布局是LinearLayout
        mHeaderParent = new LinearLayout(getContext());
        mHeaderParent.setLayoutParams(new LinearLayoutCompat.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        mHeaderParent.setOrientation(LinearLayout.VERTICAL);
        addView(mHeaderParent);

        View headerView = LayoutInflater.from(getContext()).inflate(R.layout.refresh_layout, null);
        progressBar = headerView.findViewById(R.id.progressBar);
        textTv = headerView.findViewById(R.id.textTv);
        mHeaderParent.addView(headerView, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, HEADER_HEIGHT));

        paddingTop = -HEADER_HEIGHT;//padding是负的，到屏幕外面

        mHeaderParent.setPadding(0, paddingTop, 0, 0);//将加载的UI默认隐藏到顶部，不显示出来
    }

    //布局完成
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        listView = (ListView) getChildAt(1);

        listView.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                Log.i("Simon", "onScroll firstVisiblePosition: " + firstVisiblePosition);
                firstVisiblePosition = firstVisibleItem;
                if (firstVisiblePosition == 0) {//已经是第一个元素了
                    Log.i("Simon", "已经是第一个元素了");
                }
            }
        });
    }


    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.i("Simon", "onInterceptTouchEvent ACTION_DOWN");
                mDownYPos = (int) ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                Log.i("Simon", "onInterceptTouchEvent ACTION_MOVE oldY: " + mDownYPos + "  y:" + ev.getY());
                if (ev.getY() > mDownYPos && firstVisiblePosition == 0) {
                    Log.i("Simon", "onInterceptTouchEvent ACTION_MOVE true");
                    return true;//如果等于0就拦截事件，显示下拉刷新的headerview
                } else {
                    Log.i("Simon", "onInterceptTouchEvent ACTION_MOVE false");
                    return false;
                }
        }

        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.i("Simon", "onTouchEvent ACTION_DOWN");
                mDownYPos = (int) event.getY();//记录当前点击的位置在y轴的坐标
                break;
            case MotionEvent.ACTION_MOVE:
                Log.i("Simon", "onTouchEvent ACTION_MOVE");
                //确保手指是往下滑动，并且滑动距离不超过headerview的高度，如果超过就不用处理了
                Log.i("Simon", "onTouchEvent ACTION_MOVE event.getY(): " + event.getY());
                Log.i("Simon", "onTouchEvent ACTION_MOVE lastY: " + mDownYPos);
                if (event.getY() > mDownYPos && event.getY() - mDownYPos <= HEADER_HEIGHT) {
                    float diffY = event.getY() - mDownYPos;
                    Log.i("Simon", "onTouchEvent ACTION_MOVE diffY: " + diffY);
                    float currentTop = paddingTop + diffY;
                    Log.i("Simon", "onTouchEvent ACTION_MOVE currentTop: " + currentTop);
                    mHeaderParent.setPadding(0, (int) currentTop, 0, 0);//改变头部的top的值，逐渐让它显示出来
                }
                break;
            case MotionEvent.ACTION_UP:
                Log.i("Simon", "onTouchEvent ACTION_UP event.getY()：" + event.getY() + "  lastY: " + mDownYPos + "  headerViewHeight/2: " + HEADER_HEIGHT / 2);
                if (event.getY() - mDownYPos >= HEADER_HEIGHT / 2) {//当你滑动的距离超过了headerview高度的一半，就会将headerView显示出来
                    mHeaderParent.setPadding(0, 0, 0, 0);
                    progressBar.setVisibility(VISIBLE);
                    textTv.setVisibility(VISIBLE);
                    if (mRefreshListener != null) {
                        mRefreshListener.onRefresh();
                    }
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            //两秒钟之后再次隐藏
                            mHeaderParent.setPadding(0, paddingTop, 0, 0);
                            progressBar.setVisibility(GONE);
                            textTv.setVisibility(GONE);
                            if (mRefreshListener != null) {
                                mRefreshListener.onRefreshComplete();
                            }
                        }
                    }, 2000);
                } else {
                    mHeaderParent.setPadding(0, paddingTop, 0, 0);
                }
                break;
        }

        return true;//消费事件
    }

    public void addRefreshListener(IRefreshListener iRefreshListener) {
        this.mRefreshListener = iRefreshListener;
    }

    public interface IRefreshListener {
        void onRefresh();

        void onRefreshComplete();
    }
}

MainActivity.java

public class MainActivity extends AppCompatActivity implements RefreshLayout.IRefreshListener {
    private ListAdapter listAdapter;
    private List<String> mDataList = new ArrayList<>();

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        RefreshLayout refreshLayout = findViewById(R.id.refreshLayout);
        refreshLayout.addRefreshListener(this);

        initListView();
    }

    private void initListView() {
        ListView listView = findViewById(R.id.listView);
        listAdapter = new ListAdapter();
        listView.setAdapter(listAdapter);

        for (int i = 0; i < 10; i++) {
            mDataList.add(i + "");
        }

        listAdapter.setData(mDataList);
    }

    @Override
    public void onRefresh() {
        Toast.makeText(this, "启动网络请求，加载数据", Toast.LENGTH_SHORT).show();

        Random ran = new Random();
        for (int i = 0; i < 10; i++) {
            int v = ran.nextInt();
            mDataList.add(0, v + "");
        }
        listAdapter.setData(mDataList);
    }

    @Override
    public void onRefreshComplete() {
    }


    private class ListAdapter extends BaseAdapter {
        private List<String> mDataList = new ArrayList<>();

        public ListAdapter() {

        }

        public void setData(List<String> list) {
            if (list != null) {
                mDataList.clear();
                mDataList.addAll(list);
            }
            notifyDataSetChanged();
        }

        @Override
        public int getCount() {
            return mDataList.size();
        }

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

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.item_list_layout, parent, false);
            TextView textView = view.findViewById(R.id.text_view);
            textView.setText(mDataList.get(position));
            return view;
        }
    }
}

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 214,504评论 6赞 496
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 91,434评论 3赞 389
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 160,089评论 0赞 349
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 57,378评论 1赞 288
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 66,472评论 6赞 386
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 50,506评论 1赞 292
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 39,519评论 3赞 413
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,292评论 0赞 270
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,738评论 1赞 307
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,022评论 2赞 329
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,194评论 1赞 342
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,873评论 5赞 338
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,536评论 3赞 322
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,162评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,413评论 1赞 268
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,075评论 2赞 365
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,080评论 2赞 352

第九单元

一、抽屉的实现

1、原理

2、代码实现

二、下拉刷新

1、原理

2、实现过程

3、代码

推荐阅读更多精彩内容