2. 程式人生 > >Android雙向列表左右聯動效果

Android雙向列表左右聯動效果

阿新 • • 發佈：2019-02-04

轉載請作明出處：

開篇

前一段時間有一個需求，需要做一個左右雙向聯動的列表。類似於餓了麼點餐頁面，但是遠沒有那麼複雜，只是用於展示的一個頁面。不是很複雜，做完已經很久了，目前為止沒有出現什麼問題，所以在此將它分享給大家。

番外

此功能依賴於BaseRecyclerViewAdapterHelper的adapter框架編寫，如果各位看官沒有接觸過這個庫，請先點選連結，大致瞭解過後再回來看此文章，事半功倍（強烈推薦此庫，太好用了）。

先看一下效果圖吧，下圖是做好的demo的效果圖：

首先是佈局，佈局檔案是兩個RecyclerView，和一個TextView組成。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rec_left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
 

        android:background="@color/white" />

    <View
        android:layout_width="0.5dp"
        android:layout_height="match_parent"
        android:background="@color/divider" />

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
 
>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/rec_right"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <TextView
            android:id="@+id/right_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/divider"
            android:paddingBottom="@dimen/dp10"
            android:paddingLeft="@dimen/dp13"
            android:paddingRight="@dimen/dp10"
            android:paddingTop="@dimen/dp10"
            android:singleLine="true"
            android:textColor="@color/black"
            android:textSize="@dimen/sp16" />
    </FrameLayout>
</LinearLayout>

功能

然後再看一下資料格式吧（由於是自己寫的demo，所以資料格式只是簡單的處理了一下，在正常開發的時候，這個格式需要同後臺同事協商好）：

//獲取資料(若請求服務端資料,請求到的列表需有序排列)
private void initData() {
    left = new ArrayList<>();
    left.add("第一組");
    left.add("第二組略略略略略略略");
    left.add("第三組哈哈哈哈哈哈哈哈哈哈hahahahahahaha");
    left.add("第四組哈哈哈哈哈嗝~");
    left.add("第五組");
    left.add("第六組哎呀我去");
    left.add("第七組");

    right = new ArrayList<>();

    right.add(new ScrollBean(true, left.get(0)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("1111111", left.get(0))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("1111111", left.get(0))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("1111111", left.get(0))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("1111111", left.get(0))));

    right.add(new ScrollBean(true, left.get(1)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("2222222", left.get(1))));

    right.add(new ScrollBean(true, left.get(2)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("3333333", left.get(2))));

    right.add(new ScrollBean(true, left.get(3)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("4444444", left.get(3))));

    right.add(new ScrollBean(true, left.get(4)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("5555555", left.get(4))));

    right.add(new ScrollBean(true, left.get(5)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("6666666", left.get(5))));

    right.add(new ScrollBean(true, left.get(6)));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("7777777", left.get(6))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("7777777", left.get(6))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("7777777", left.get(6))));
    right.add(new ScrollBean(new ScrollBean.ScrollItemBean("7777777", left.get(6))));

    for (int i = 0; i < right.size(); i++) {
        if (right.get(i).isHeader) {
            //遍歷右側列表,判斷如果是header,則將此header在右側列表中所在的position新增到集合中
            tPosition.add(i);
        }
    }
}

首先是左側列表的資料集，很簡單，只是一個String型別的list集合。而右側列表有人看了可能會懵，這個是我為什麼想讓大家看了上面那個adapter庫之後再看這篇文章的原因，右側的資料格式是brvah專門應對這種情況而定義的一種資料格式。簡單來說，每一組中間我都空著一行來區分，每一組的第一條資料（也就是那行短的）是右側組名的資料，其餘等長的則是每一組的item資料。組名的先不說，單說item的bean，裡面有兩個引數，一個是String型別的文字內容，一個是區分分組的String型別的type。程式碼如下：

public static class ScrollItemBean {
    private String text;
    private String type;

    public ScrollItemBean(String text, String type) {
        this.text = text;
        this.type = type;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }
}

然後在最下面有一個迴圈，遍歷右側資料集合，將右側組名所在的position拿出來存在一個集合中（此position用來點選左側列表然後定位右側列表位置的，當中妙處，不必多言，請往下看）。

可能大家都注意到了，右側有一個分類的title懸停在列表之上，那下一步就從這裡開始。

首先是構建adapter以及給右側初始化一些資料：

rightManager = new GridLayoutManager(mContext, 3);

if (rightAdapter == null) {
    rightAdapter = new ScrollRightAdapter(R.layout.scroll_right, R.layout.layout_right_title, null);
    recRight.setLayoutManager(rightManager);
    recRight.addItemDecoration(new RecyclerView.ItemDecoration() {
        @Override
        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
            super.getItemOffsets(outRect, view, parent, state);
            outRect.set(dpToPx(mContext, getDimens(mContext, R.dimen.dp3))
                    , 0
                    , dpToPx(mContext, getDimens(mContext, R.dimen.dp3))
                    , dpToPx(mContext, getDimens(mContext, R.dimen.dp3)));
        }
    });
        recRight.setAdapter(rightAdapter);
} else {
    rightAdapter.notifyDataSetChanged();
}

rightAdapter.setNewData(right);

//設定右側初始title
if (right.get(first).isHeader) {
    rightTitle.setText(right.get(first).header);
}

解釋一波，setNewData()是adapter庫中自帶的一個方法，也就是給adapter新增資料，此處不提。下面一個方法，是給右側列表上方懸停title設定初始資料的，其中有一個成員變數：first，這個引數是一個int型別的數值，記錄右側列表中可見的第一個item的position。first我抽取了一個成員變數，並且給了一個預設值0。

//記錄右側當前可見的第一個item的position
private int first = 0;

再看看new Adapter裡面的兩個佈局，相信您看完上面的連結，就會知道：前一個佈局檔案是右側列表item的佈局（紅），後面一個佈局則是右側列表分類title的佈局（綠）。對應位置見下圖：

重點

右側的初始化工作完成之後，就來到了本文的重點部分，也就是監聽右側列表的滑動。新增一個監聽：recRight.addOnScrollListener()。裡面重寫兩個方法：onScrollStateChanged()和onScrolled()。

首先來看onScrollStateChanged()，裡面只有一句：

@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    super.onScrollStateChanged(recyclerView, newState);
    //獲取右側title的高度
    tHeight = rightTitle.getHeight();
}

然後我們再看onScrolled()，幾乎所有的重點程式碼都在這個方法裡面，所以我就拆開一步一步分析(程式碼中基本每一句都有註釋，所以在文章中就不過多的解釋了)：

1.先是右側頂部title設定偏移量的方法（右側當前顯示哪一組，頂部title就顯示該組名）：

//判斷如果是組名的item
if (right.get(first).isHeader) {
    //獲取此組名item的view
    View view = rightManager.findViewByPosition(first);
    if (view != null) {
        //如果此組名item頂部和父容器頂部距離大於等於title的高度,則設定偏移量
        if (view.getTop() >= tHeight) {
            rightTitle.setY(view.getTop() - tHeight);
        } else {
            //否則不設定
            rightTitle.setY(0);
        }
    }    
}

2.title的偏移量處理完了之後，就是title賦值的問題了：

//因為每次滑動之後,右側列表中可見的第一個item的position肯定會改變,並且右側列表中可見的第一個item的position變換了之後//,才有可能改變右側title的值,所以這個方法內的邏輯在右側可見的第一個item的position改變之後一定會執行
int firstPosition = rightManager.findFirstVisibleItemPosition();
if (first != firstPosition && firstPosition >= 0) {
    //給first賦值
    first = firstPosition;
    //不設定Y軸的偏移量
    rightTitle.setY(0);

    //判斷如果右側可見的第一個item是否是header,設定相應的值
    if (right.get(first).isHeader) {
        rightTitle.setText(right.get(first).header);
    } else {
        rightTitle.setText(right.get(first).t.getType());
    }
}

3.title的賦值問題之後，是與左側關聯的方法：

//遍歷左邊列表,列表對應的內容等於右邊的title,則設定左側對應item高亮
for (int i = 0; i < left.size(); i++) {
    if (left.get(i).equals(rightTitle.getText().toString())) {
        leftAdapter.selectItem(i);
    }
}

4.最後就是一些細節上面的處理了：

//如果右邊最後一個完全顯示的item的position,等於bean中最後一條資料的position(也就是右側列表拉到底了),
//則設定左側列表最後一條item高亮
if (rightManager.findLastCompletelyVisibleItemPosition() == right.size() - 1) {
    leftAdapter.selectItem(left.size() - 1);
}

右側Adapter也沒有什麼可看的，就是brvah中封裝的一個adapter，裡面只是給右側組名和item賦值而已，附上程式碼：

public class ScrollRightAdapter extends BaseSectionQuickAdapter<ScrollBean, BaseViewHolder> {

    public ScrollRightAdapter(int layoutResId, int sectionHeadResId, List<ScrollBean> data) {
        super(layoutResId, sectionHeadResId, data);
    }

    @Override
    protected void convertHead(BaseViewHolder helper, ScrollBean item) {
        helper.setText(R.id.right_title, item.header);
    }

    @Override
    protected void convert(BaseViewHolder helper, ScrollBean item) {
        ScrollBean.ScrollItemBean t = item.t;
        helper.setText(R.id.right_text, t.getText());
    }
}

至此為止，右側列表的處理，也就是本文中最重要的一部分已經都結束了，那我們再來看看左側列表吧。由於左側的處理只是點選，所以除了初始化左側RecyclerView之外，只有一個點選事件，程式碼如下：

private void initLeft() {
    if (leftAdapter == null) {
        leftAdapter = new ScrollLeftAdapter(R.layout.scroll_left, null);
        recLeft.setLayoutManager(new LinearLayoutManager(mContext, LinearLayoutManager.VERTICAL, false));
        recLeft.addItemDecoration(new DividerItemDecoration(mContext, DividerItemDecoration.VERTICAL));
        recLeft.setAdapter(leftAdapter);
    } else {
        leftAdapter.notifyDataSetChanged();
    }

    leftAdapter.setNewData(left);

    leftAdapter.setOnItemChildClickListener(new BaseQuickAdapter.OnItemChildClickListener() {
        @Override
        public void onItemChildClick(BaseQuickAdapter adapter, View view, int position) {
            switch (view.getId()) {
                //點選左側列表的相應item,右側列表相應的title置頂顯示
                //(最後一組內容若不能填充右側整個可見頁面,則顯示到右側列表的最底端)
                case R.id.item:
                    leftAdapter.selectItem(position);
                    rightManager.scrollToPositionWithOffset(tPosition.get(position), 0);
                    break;
            }
        }
    });
}

這就是左側RecyclerView的初始化以及聯動的處理方法，最後看一看左側adapter吧：

public class ScrollLeftAdapter extends BaseQuickAdapter<String, BaseViewHolder> {

    private List<TextView> tv = new ArrayList<>();

    public ScrollLeftAdapter(int layoutResId, @Nullable List<String> data) {
        super(layoutResId, data);
    }

    @Override
    protected void convert(BaseViewHolder helper, String item) {
        helper.setText(R.id.left_text, item)
                .addOnClickListener(R.id.item);
        //將左側item中的TextView新增到集合中
        tv.add((TextView) helper.getView(R.id.left_text));
        //設定進入頁面之後,左邊列表的初始狀態
        if (tv != null && getData() != null && tv.size() == getData().size()) {
            selectItem(0);
        }

        helper.getView(R.id.item).setSelected(true);
    }
}

這裡面有一個selectItem()，這個也就是本文最後一個需要注意的地方了，此方法是右側列表滑動，左側跟著聯動的一個方法。使用此方法需要傳一個引數，這個position是右側組名所對應的position（知道上面為何要迴圈取出右側列表組名所對應的position了吧）。附上程式碼：

//傳入position,設定左側列表相應item高亮
public void selectItem(int position) {
    for (int i = 0; i < getData().size(); i++) {
        if (position == i) {
            tv.get(i).setBackgroundColor(0xff0068b7);
            tv.get(i).setTextColor(ContextCompat.getColor(mContext, R.color.white));

            //以下是指定某一個TextView滾動的效果
            tv.get(i).setEllipsize(TextUtils.TruncateAt.MARQUEE);
            tv.get(i).setFocusable(true);
            tv.get(i).setFocusableInTouchMode(true);
            tv.get(i).setMarqueeRepeatLimit(-1);
        } else {
            tv.get(i).setBackgroundColor(0xffffffff);
            tv.get(i).setTextColor(ContextCompat.getColor(mContext, R.color.black));

            //失去焦點則停止滾動
            tv.get(i).setEllipsize(TextUtils.TruncateAt.END);
            tv.get(i).setFocusable(false);
            tv.get(i).setFocusableInTouchMode(false);
            tv.get(i).setMarqueeRepeatLimit(0);
        }
    }
}

判斷方法中，前兩行是對應item的背景和字型顏色的改變，下面四行，是一個跑馬燈的效果（左側item中，我設定了只顯示一行，對應的item中的內容如果顯示不下，則無限滾動顯示）。

結尾

好了，demo中比較重要的方法我都羅列出來了，也貼出了相應的程式碼，最後還是忍不住推薦一下這個adapter庫：BaseRecyclerViewAdapterHelper，這個庫真的是太好用了，我現在幾乎所有的專案包括本篇文章涉及到的內容，都在用這個，強烈推薦！！！最後附上demo，希望可以幫到大家。

相關推薦

Android雙向列表左右聯動效果

轉載請作明出處： 開篇 前一段時間有一個需求，需要做一個左右雙向聯動的列表。類似於餓了麼點餐頁面，但是遠沒有那麼複雜，只是用於展示的一個頁面。不是很複雜，做完已經很久了，目前為止沒有出現什麼問題，所以在此將它分享給大家。 番外 此功能依賴於BaseRec

vue利用better-scroll實現通訊錄式列表滾動和左右聯動效果(2)

3.右邊字母列表滑動或者點選時對應的字母高亮 _calculateHeight () { this.listHeight = [] const list = this.$refs.listgroup let height = 0

vue仿餓了麼商店詳情頁面（列表左右聯動、兩側滾動條互不影響）

商店詳情頁面中要求頁面劃上去之後到達某一位置時，嘴上的tabs標籤固定在最上邊，下邊的兩個選單列表可以滾動，且兩個滾動互不影響；點選左側的某一類別，右側跳轉到相對應部分。 HTML <body> <div class="header"

Android實現省市區三級聯動效果Spinner

public class MainActivity extends AppCompatActivity { Spinner s_sheng; ArrayAdapter<String> adapter_sheng; ArrayAdapter<String> ada

Android實現列表抽屜展示效果

終於迎來的週末哇，深圳兩天的涼雨天終於迎來晴日。早上爬起來異常的累，哎。。每天地鐵兩小時真是強身健體啊~ 今天給大家帶來一篇關於Android UI的文章：列表Item抽屜展示效果。單說沒意思，不然大家又該說我是標題黨了。我來筆墨描述下場景： 例如當我們點選某個Item項時

Android 雙向左右滑動側邊欄效果

轉自：http://blog.csdn.net/ljx19900116 記得在很早之前，我寫了一篇關於Android滑動選單的文章，其中有一個朋友在評論中留言，希望我可以幫他將這個滑動選單改成雙向滑動的方式。當時也沒想花太多時間，簡單修改了一下就發給了他，結果沒

android TextView實現滾動顯示效果(列表中多個同時滾動，親測可用)

 在android中，如果設定了TextView控制元件為單行顯示，且顯示的文字太長的話，預設情況下會造成顯示不全的情況，這種情況下我們需要設定該控制元件屬性如下： <TextView android:id="@+id/tv1"

Android中使用JiaoZiVideoPlayer來實現視訊列表播放的效果

目的：我這邊是想做類似於鬥魚直播裡的視訊模組的視訊列表播放形式。 然後下載程式碼，根據自己需要的樣式去找相應的程式碼進行研究。 效果圖如下： 使用步驟： （1）新增遠端依賴： /*呼叫Video視訊播放器*/ implementation 'cn.jzvd:

Vue下拉列表el-select二級聯動效果

最近公司有一個C#的專案需要來完成，前端用了Vue.js。首次使用Vue.js還是有點不適應的。 功能介紹：要實現第一級下拉列表資料改變時，二級下拉列表的值隨著改變。 <el-form-item prop="p_Roleprop" label="角色許可權:">

Android高仿京東淘寶商品列表佈局切換效果

商品列表佈局切換效果很常見，因為淘寶京東有的介面下面很多公司都會給風模仿 當然，我們公司也不例外，最近版本更新添加了這個功能； 在專案中直接使用RecyclerView實現切換功能； 如果不瞭解RecyclerView的可以先看下：  RecyclerView使用詳解

Android使用開源框架完成城市列表三級聯動(從服務端獲取資料來源和自定義json資料來源)

Android-PickerView使用步驟：1.新增Jcenter倉庫 Gradle依賴：compile 'com.contrarywind:Android-PickerView:4.1.4'2.在Activity中新增如下程式碼：package com.xueqing.r

Android 仿微信對話列表滑動刪除效果

微信對話列表滑動刪除效果很不錯的，借鑑了github上SwipeListView(專案地址：https://github.com/likebamboo/SwipeListView)，在其上進行了一些重構，最終實現了微信對話列表滑動刪除效果。 實現原理 1.通過ListVi

Android分組列表懸停顯示，分組listView懸停效果，帶下拉重新整理和上拉載入更多

分組列表，帶下拉重新整理和上拉載入更多【專案地址在文章最後！！】 效果圖： 實現過程，借鑑PinnedHeadListView，但是該demo沒有下拉重新整理功能，故將該控制元件整合到PullToRefresh 庫中，【PullToRefresh 庫為第

Android ： ViewPager+RecyclerView的聯動效果

今天有個需求，上面是一組圖片，下面也是一組圖片，要求上面和下面的圖片都能滑動，然後2者之間能聯動，通俗講就是上面的選中了下面也要跟著滑到那個圖片，然後下面的圖片滑動了上面也要跟著選中那個圖片，所以產生了聯動效果。 類似這樣的，然後我就開始想了  上面一個recyclerv

仿餓了麼，百度外賣這些App的雙ListView列表聯動效果

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content

Android開發之解析XML並實現三級聯動效果

       本例項主要應用XmlPullParser解析XML文件中的省市區，然後將資料繫結到Spinner上實現三級聯動的效果。關於XmlPullParser的詳解大家可以參考《Android開發之使用PULL解析和生成XML》一文。 執行效果圖： 程式程式碼： 核

高仿微信對話列表滑動刪除效果

urn ann hang 源代碼分析 times ati boolean fault traffic 前言 用過微信的都知道。微信對話列表滑動刪除效果是非常不錯的，這個效果我們也能夠有。思路事實上非常easy，弄個ListView。然後裏面的每一個item做成一個能夠滑

雙向列表增刪改

@override ddb override 遍歷 實現 main buffer 其中 指向 單向鏈表只能從一個方向遍歷鏈表，即只能查找結點的下一個結點（後繼結點），而不能查找結點的上一個結點（前驅結點）。鑒於上述問題，引入了雙向鏈表。由於雙向循環鏈表包含雙向鏈表的所有功能

android 仿ppt進入動畫效果合集

ppt 效果 動畫 android 進入 EnterAnimationandroid 仿ppt進入動畫效果合集， 百葉窗效果，擦除效果，盒狀效果，階梯效果，菱形效果，輪子效果，劈裂效果，棋盤效果， 切入效果，扇形展開效果，十字擴展效果，隨機線條效果，向內溶解效果，圓形擴展效果， 適用於各種

下拉列表左右選擇案例

獲取 是否 cti 全部 options itl 標簽 cli pan 單個添加的操作1、得到select裏面的option -getElementsByTagName（）返回是數組 -遍歷數組，得到每一個option 2、判斷opti