天天看點
傳回

Android群英傳讀書筆記——第四章：ListView使用技巧 第四章目錄第四章讀書筆記總結

 第四章目錄

4.1 ListView常用優化技巧 
  • 4.1.1 使用ViewHolder模式提高效率
  • 4.1.2 設定項目間分割線
  • 4.1.3 隐藏ListView的滾動條
  • 4.1.4 取消ListView的Item點選效果
  • 4.1.5 設定ListView需要顯示在第幾項
  • 4.1.6 動态修改ListView
  • 4.1.7 周遊ListView中的所有Item
  • 4.1.8 處理空ListView
  • 4.1.9 ListView滑動監聽
4.2 ListView常用拓展 
  • 4.2.1 具有彈性的ListView
  • 4.2.2 自動顯示、隐藏布局的ListView
  • 4.2.3 聊天ListView
  • 4.2.4 動态改變ListView布局

第四章讀書筆記

4.1 ListView常用優化技巧

4.1.1  使用ViewHolder模式提高效率

ViewHolder模式充分利用了ListView的視圖緩存機制，避免了每次在調用getView()的時候都去通過findViewById()執行個體化控件。據測試，使用ViewHolder将提高50%以上的效率

public class ViewHolderAdapter extends BaseAdapter{

    private List<String> mData;
    private LayoutInflater mInflater;

    public ViewHolderAdapter(Context context, List<String> mData) {
        this.mData = mData;
        mInflater = LayoutInflater.from(context);
    }

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

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

    @Override
    public long getItemId(int position) {
        return position;
    }
    // 主要是getView方法
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        //判斷是否有緩存，如果沒緩存就new，并且用setTag方法做個标記
        if (convertView == null) {
            holder = new ViewHolder();
            //通過LayoutInflater執行個體化布局
            convertView = mInflater.inflate(R.layout.viewholder_item, null);
            holder.img = (ImageView) convertView.findViewById(R.id.imageView);
            holder.title = (TextView) convertView.findViewById(R.id.textView);
            // tag顧名思義"标簽"，設定一個标簽，标簽可以是任何玩意兒，哈哈哈
            convertView.setTag(holder);
        // 如果有緩存就直接取
        } else {
            //通過tag找到緩存的布局
            holder = (ViewHolder) convertView.getTag();
        }
        //設定布局中控件要顯示的視圖
        holder.img.setBackgroundResource(R.mipmap.ic_launcher);
        holder.title.setText(mData.get(position));
        return convertView;
    }

    public final class ViewHolder {
        public ImageView img;
        public TextView title;
    }
}
4.1.2 設定項目間分割線 
// 設定分割線，顔色或者圖檔資源
android:divider="@android:color/darker_gray"
// 設定分割線高度
android:dividerHeight="10dp"
// 設定分割線為透明，也就是沒有分割線
android:divider="@null"
4.1.3 隐藏ListView的滾動條 
android:scrollbars="none"
4.1.4 取消ListView的Item點選效果 
// 5.X之下版本是改變背景色的效果，5.X之上是波紋效果，設定為透明即可
android:listSelector="@android:color/transparent"
4.1.5 設定ListView需要顯示在第幾項 
// 瞬間的移動
listview.setSelection(N);
// 平滑的移動
listview.smoothScrollBy(distance,duration);
listview.smoothScrollByOffset(offset);
listview.smoothScrollToPosition(index);

// 哎，其實說白了和RecyclerView很相似的，都是那個道理
4.1.6 動态修改ListView
  1. 當資料發生變化時，可以使用notifyDataSetChanged()來重新整理ListView，
  2. 但是必須保證使用這個方法傳進Adapter的資料List是同一個List而不能是其他對象 
// 修改了傳給Adapter的映射List之後，隻需調用notifyDataSetChanged()
mData.add("new");
mAdapter.notifyDataSetChanged();
4.1.7 周遊ListView中的所有Item 
// 通過getChildAt()來擷取第i個子View
for (int i = 0; i < mListview.getChildCount();i++){
     View view = mListview.getChildAt(i);
}

4.1.8 處理空LIstView

布局檔案如下：

// 布局檔案
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    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" />

    <ImageView
        android:id="@+id/empty_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>
  1. FrameLayout左右控件都在左上角，最後添加的控件會覆寫前面添加的控件
  2. 其實這個就相當于一個空資料的占位圖，這張圖檔的寬高都是match_parent
  3. 其實換種寫法去實作占位圖功能，listView為null的時候直接把listView隐藏掉就行了 
ListView listView = (ListView)findViewById(R.id.listview);
listview.setEmptyView(findViewById(R.id.tv_null));

4.1.9 ListView滑動監聽

4.1.9.1 OnTouchListener

  • MotionEvent.ACTION_DOWN：觸摸時操作
  • MotionEvent.ACTION_MOVE：移動時操作
  • MotionEvent.ACTION_UP：離開時操作 
mListview.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        switch (motionEvent.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //觸摸時操作
                break;
            case MotionEvent.ACTION_MOVE:
                //移動時操作
                break;
            case MotionEvent.ACTION_UP:
                //離開時操作
                break;
        }
        return false;
    }
});

4.1.9.2 OnScrollListener

1、onScrollStateChanged中的參數：

  • OnScrollListener.SCROLL_STATE_IDLE：滑動停止時
  • OnScrollListener.SCROLL_STATE_TOUCH_SCROLL：正在滾動
  • OnScrollListener.SCROLL_STATE_FLING：手指抛動時
2、onScroll參數：
  • firstVisibleItem：目前能看見的第一個Item的ID
  • visibleItemCount：目前能看見的Item總數
  • totalItemCount：整個ListView的Item總數 
mListview.setOnScrollListener(new OnScrollListener() {
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
                       switch (scrollState) {
            case OnScrollListener.SCROLL_STATE_IDLE:
                //滾動停止
                break;
            case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
                //正在滾動
                break;
            case OnScrollListener.SCROLL_STATE_FLING:
                //手指抛動時
                break;
        }
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        //滾動的時候一直在調用
    }
});
3、利用onScroll方法的參數可以判斷滾動到最後一行： 
if(firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount>0){
     //滾動到最後一行
}
4、判斷上滑和下滑： 
if(firstVisibleItem > LastVisibleItemPosition){
    //上滑
}else if(firstVisibleItem < LastVisibleItemPosition){
    //下滑
}
// 記錄上次第一個可視的Item的ID，并與目前的可視的第一個Item進行比較，就知道是上滑還是下滑
LastVisibleItemPosition = firstVisibleItem;

// 說白了這個和之前寫的那個RecyclerView将點選的項滾動的中間很相似了
5、ListView也給我們提供封裝好的方法獲得目前可視的Item位置等資訊： 
//擷取可視區域内最後一個item的id
mListview.getLastVisiblePosition();
//擷取可視區域内第一個item的id
mListview.getFirstVisiblePosition();

4.2 ListView常用擴充

4.2.1 具有彈性的LIstView

這個彈性意思就是滾動到底端或者頂端會繼續往下或者往上滑動一段距離

書中的代碼是這樣的：

public class TanXingListView extends ListView {
    // 這裡應該賦個初值
    private int mMaxOverDistance = 20;

    public TanXingListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 滿足分辨率的需求
        DisplayMetrics metrics = context.getResources().getDisplayMetrics();
        float density = metrics.density;
        mMaxOverDistance = (int) (density * mMaxOverDistance);
    }
    // 滑動到邊緣的處理方法
    @Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
        return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, mMaxOverDistance, maxOverScrollY, isTouchEvent);
    }
}

4.2.2 自動顯示、隐藏布局的ListView

這個跟ScrollView滑動改變頭部顔色很相似，記得将theme設定為NoActionBar，下面看代碼：

public class ShowAndHideListViewActivity extends AppCompatActivity {
    // 最少滑動多少的距離就會觸發隐藏效果
    private int mTouchSlop;
    // 動畫效果
    private ObjectAnimator mAnimator;
    private Toolbar mToolBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_and_hide_list_view);
        //添加頭部
        mToolBar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolBar);
        //填充布局
        ListView mListView = (ListView) findViewById(R.id.lv);
        String[] str = new String[]{"1", "2", "3", "4", "5", "6", "7", "8", "9"};
        mListView.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, R.id.tv, str));
        //添加頭布局，防止第一條資料被遮蓋
        View header = new View(this);
        header.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT,
                (int) getResources().getDimension(android.support.v7.
                        appcompat.R.dimen.abc_action_bar_default_height_material)));
        mListView.addHeaderView(header);
        //獲得TouchSlop
        mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
        //設定監聽
        mListView.setOnTouchListener(myTouchListener);
    }

    View.OnTouchListener myTouchListener = new View.OnTouchListener() {

        public boolean mShow;
        public int direction;
        public float mCurrentY;
        public float mFirstY;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mFirstY = event.getY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    // 如果目前Y值大于之前的Y值，就是向下滑
                    mCurrentY = event.getY();
                    if (mCurrentY - mFirstY > mTouchSlop) {
                        direction = 0;//down
                    // 否則就是向上滑
                    } else if (mFirstY - mCurrentY > mTouchSlop) {
                        direction = 1;//up
                    }
                    if (direction == 1) {
                        if (mShow) {
                            toolBarAnim(0);//hide
                            mShow = !mShow;
                        }
                    } else if (direction == 0) {
                        if (!mShow) {
                            toolBarAnim(1);//up
                            mShow = !mShow;
                        }
                    }
                    break;
                case MotionEvent.ACTION_UP:

                    break;
            }
            return false;
        }
    };
    // 在這裡加了個動畫
    private void toolBarAnim(int flag) {
        if (mAnimator != null && mAnimator.isRunning()) {
            mAnimator.cancel();
        }
        if (flag == 0) {
            //up:hide
            mAnimator = ObjectAnimator.ofFloat(mToolBar, "translationY", -mToolBar.getHeight());
        } else {
            //down:show
            mAnimator = ObjectAnimator.ofFloat(mToolBar, "translationY", -mToolBar.getHeight(),0);
        }
        mAnimator.start();
    }

}

4.2.3 聊天ListView

這個說白了就是一個ListView的不同布局的顯示，其實還是比較簡單的

其他的布局，Activity中添加data資料什麼的就不寫了，直接上個不同布局的代碼

public class ChatListViewAdapter extends BaseAdapter {

    private List<ChatItemListViewBean> mData;
    private LayoutInflater mInflater;

    public ChatListViewAdapter(Context context, List<ChatItemListViewBean> mData) {
        this.mData = mData;
        mInflater = LayoutInflater.from(context);
    }

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

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

    @Override
    public long getItemId(int position) {
        return position;
    }
    // 這裡最好用常量表示是什麼布局，不要用0,1
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            if (getItemViewType(position) == 0) {
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.left_item, null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.left_icon);
                viewHolder.text = (TextView) convertView.findViewById(R.id.tv_left);
            } else {
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.right_item, null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.right_icon);
                viewHolder.text = (TextView) convertView.findViewById(R.id.tv_right);
            }
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        viewHolder.icon.setImageBitmap(mData.get(position).getIcon());
        viewHolder.text.setText(mData.get(position).getText());

        return convertView;
    }

    @Override
    public int getItemViewType(int position) {
        ChatItemListViewBean bean = mData.get(position);
        return bean.getType();
    }

    @Override
    public int getViewTypeCount() {
        return 2;
    }

    public final class ViewHolder {
        public ImageView icon;
        public TextView text;
    }
}

4.2.4 動态改變ListView布局

其實書中說的這個實作很簡單，就是setCurrentPosition()，設定目前位置，然後去重新整理ListView，這在項目裡已經用爛啦，哈哈

public class DongTaiListViewAdapter extends BaseAdapter {

    private List<String> list;
    private Context mContext;
    private int mCurrentItem=0;

    public DongTaiListViewAdapter(Context context, List<String> list) {
        this.list = list;
        this.mContext = context;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.VERTICAL);
        if (mCurrentItem == position) {
            layout.addView(addFocusView(position));
        } else {
            layout.addView(addNormalView(position));
        }
        return layout;
    }

    private View addFocusView(int i) {
        ImageView iv = new ImageView(mContext);
        iv.setImageResource(R.mipmap.ic_launcher);
        return iv;
    }

    private View addNormalView(int i) {
        LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.HORIZONTAL);
        ImageView iv = new ImageView(mContext);
        iv.setImageResource(R.mipmap.ic_launcher);
        layout.addView(iv, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        TextView tv = new TextView(mContext);
        tv.setText(list.get(i));
        layout.addView(tv, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        layout.setGravity(Gravity.CENTER);
        return layout;
    }

    public void setCurrentItem(int position) {
        mCurrentItem = position;
    }
}

總結

其實作在常用RecyclerView，ListView用的也少了，不過現在再看這些代碼感覺還是很易懂的，有很多地方在項目中也是常用，ListView的一些東西其實還是需要去好好了解和學習的，又看完了一章内容，加油吧！
Android群英傳讀書筆記 Android 群英傳讀書筆記
上一篇: 建立2個線程及一個主線程
下一篇: 順序表實作代碼(c/c++/python)

繼續閱讀