第九單元

一斜做、抽屜的實現(xiàn)

1湿右、原理

1.SlidingMenu繼承HorizontalScrollView
2.activity的layout中笆豁，添加SlidingMenu震嫉，其下是LinearLayout徽诲，LinearLayout下是兩個LinearLayout刹帕，分別代表menu和content
3.HorizontalScrollView本身就支持橫向滑動，我們需要再onTouchEvent中判斷谎替，如果向右移動的距離大于menu界面的話偷溺，menu應該整個顯示出來，否則不顯示

2钱贯、代碼實現(xiàn)

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、實現(xiàn)過程

1.新建RefreshLayout弃锐，繼承于FrameLayout
2.在RefreshLayout中動態(tài)添加Header
3.Header的padding初始是負值袄友，這個值應該和Header的高度是一致的
4.onInterceptTouchEvent中，如果已經是ListView中的第一個數(shù)據霹菊，并且剧蚣，Y軸方向上已經有距離發(fā)生，開始攔截事件
5.攔截事件后旋廷，在onTouchEvent中的ACTION_MOVE鸠按，動態(tài)修改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中的數(shù)據的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, "啟動網絡請求，加載數(shù)據", 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;
        }
    }
}

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末甩牺，一起剝皮案震驚了整個濱河市蘑志，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌贬派，老刑警劉巖急但，帶你破解...
沈念sama閱讀 222,681評論 6贊 517
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異搞乏，居然都是意外死亡波桩，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 95,205評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門查描，熙熙樓的掌柜王于貴愁眉苦臉地迎上來突委，“玉大人柏卤，你說我怎么就攤上這事冬三。” “怎么了缘缚？”我有些...
開封第一講書人閱讀 169,421評論 0贊 362
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵勾笆，是天一觀的道長。經常有香客問我桥滨，道長窝爪，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 60,114評論 1贊 300
?港島之戀（遺憾婚禮）
正文為了忘掉前任齐媒，我火速辦了婚禮蒲每，結果婚禮上，老公的妹妹穿的比我還像新娘喻括。我一直安慰自己邀杏，他們只是感情好，可當我...
茶點故事閱讀 69,116評論 6贊 398
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布唬血。她就那樣靜靜地躺著望蜡，像睡著了一般唤崭。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上脖律，一...
開封第一講書人閱讀 52,713評論 1贊 312
城市分裂傳說
那天谢肾，我揣著相機與錄音，去河邊找鬼小泉。笑死芦疏，一個胖子當著我的面吹牛，可吹牛的內容都是我干的膏孟。我是一名探鬼主播眯分，決...
沈念sama閱讀 41,170評論 3贊 422
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼柒桑！你這毒婦竟也來了弊决？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 40,116評論 0贊 277
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤魁淳，失蹤者是張志新（化名）和其女友劉穎飘诗，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體界逛，經...
沈念sama閱讀 46,651評論 1贊 320
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡昆稿，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 38,714評論 3贊 342
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了息拜。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片溉潭。...
茶點故事閱讀 40,865評論 1贊 353
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖少欺，靈堂內的尸體忽然破棺而出喳瓣，到底是詐尸還是另有隱情，我是刑警寧澤赞别，帶...
沈念sama閱讀 36,527評論 5贊 351
?日本核電站爆炸內幕
正文年R本政府宣布畏陕，位于F島的核電站，受9級特大地震影響仿滔，放射性物質發(fā)生泄漏惠毁。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點故事閱讀 42,211評論 3贊 336
男人毒藥：我在死后第九天來索命
文/蒙蒙一崎页、第九天我趴在偏房一處隱蔽的房頂上張望鞠绰。院中可真熱鬧，春花似錦飒焦、人聲如沸蜈膨。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,699評論 0贊 25
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽丈挟。三九已至刁卜，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間曙咽，已是汗流浹背蛔趴。一陣腳步聲響...
開封第一講書人閱讀 33,814評論 1贊 274
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留例朱，地道東北人孝情。一個月前我還...
沈念sama閱讀 49,299評論 3贊 379
代替公主和親
正文我出身青樓，卻偏偏與公主長得像洒嗤，于是被迫代替她去往敵國和親箫荡。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 45,870評論 2贊 361