Android 列表形式的切換的示例代碼
更新時間：2017年09月14日 08:58:23 作者：看窗外的小狗
本篇文章主要介紹了Android 列表形式的切換的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
電商項目中經(jīng)常有這樣的需求：在商品列表頁面中，切換列表的展現(xiàn)形式，一般分為列表形式和表格形式。
如京東：
本文最終實現(xiàn)的效果：
關鍵詞：RecyclerView
主布局文件：activity_main.xml
<?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="match_parent">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
列表形式布局文件：item_list.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="98dp"
android:layout_margin="8dp"
android:background="@color/colorAccent">
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="@style/TextAppearance.AppCompat.Large.Inverse"
android:layout_centerInParent="true"
tools:text="1" />
</RelativeLayout>
表格形式布局文件：item_grid.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="98dp"
android:layout_margin="8dp"
android:background="@color/colorAccent">
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="@style/TextAppearance.AppCompat.Large"
android:layout_centerInParent="true"
tools:text="1" />
</RelativeLayout>
實現(xiàn)原理：使用 RecyclerView 的 GridLayoutManager，列表形式指定列數(shù)為1，表格形式指定列數(shù)為具體列值。
默認為列表形式，指定列數(shù)為1：
recyclerView = (RecyclerView) findViewById(R.id.recycler_view); // 指定列數(shù)為1 gridLayoutManager = new GridLayoutManager(this, COLUMN_ONE); recyclerView.setLayoutManager(gridLayoutManager);
列表形式和表格形式之間的切換：
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
if (id == R.id.action_toggle) {
if (gridLayoutManager.getSpanCount() == COLUMN_ONE) {
gridLayoutManager.setSpanCount(COLUMN_THREE);
item.setIcon(ContextCompat.getDrawable(this, R.drawable.ic_grid));
} else {
gridLayoutManager.setSpanCount(COLUMN_ONE);
item.setIcon(ContextCompat.getDrawable(this, R.drawable.ic_list));
}
simpleAdapter.notifyItemRangeChanged(0, simpleAdapter.getItemCount());
return true;
}
return super.onOptionsItemSelected(item);
}
通過 gridLayoutManager.setSpanCount(int cloumn) 設置列數(shù)，最后不要忘記 simpleAdapter.notifyItemRangeChanged(0, simpleAdapter.getItemCount()) 刷新數(shù)據(jù)。
Adapter的處理：
定義兩種 view 類型：VIEW_TYPE_LIST 和 VIEW_TYPE_GRID
根據(jù)不同的 view 類型加載相應的布局文件，如下：
@Override
public SimpleViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View itemView;
if (viewType == VIEW_TYPE_LIST) {
itemView = LayoutInflater.from(parent.getContext())
.inflate(R.layout.item_list, parent, false);
} else {
itemView = LayoutInflater.from(parent.getContext())
.inflate(R.layout.item_grid, parent, false);
}
return new SimpleViewHolder(itemView, viewType);
}
獲取 view 類型：列數(shù)為1時，view 類型為 VIEW_TYPE_LIST，列數(shù)為3時， view類型為 VIEW_TYPE_GRID
@Override
public int getItemViewType(int position) {
final int viewType;
int column = layoutManager.getSpanCount();
switch (column) {
case COLUMN_ONE:
viewType = VIEW_TYPE_LIST;
break;
case COLUMN_THREE:
viewType = VIEW_TYPE_GRID;
break;
default:
throw new RuntimeException("wtf?");
}
return viewType;
完整代碼：https://github.com/wangshouquan/list-to-grid
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Android design包自定義tablayout的底部導航欄的實現(xiàn)方法
這篇文章主要介紹了Android design包自定義tablayout的底部導航欄的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
本篇文章主要介紹了Android設備之間通過Wifi通信的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
Android FaceDetector實現(xiàn)人臉檢測功能
這篇文章主要為大家詳細介紹了Android FaceDetector實現(xiàn)人臉檢測功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
Android App開發(fā)的自動化測試框架UI Automator使用教程
UI Automator為Android程序的UI開發(fā)提供了測試環(huán)境,這里我們就來看一下Android App開發(fā)的自動化測試框架UI Automator使用教程,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Cocos2d-x入門教程,包括詳細的實例、講解以及實現(xiàn)過程,需要的朋友可以參考下2014-04-04
這篇文章主要為大家詳細介紹了Android橫豎屏切換及其對應布局加載問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
大家好，本篇文章主要講的是Android之小球自由碰撞動畫示例，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12
這篇文章主要為大家詳細介紹了Android單選按鈕RadioButton的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
解決Android 6.0獲取wifi Mac地址為02:00:00:00:00:00問題
這篇文章主要介紹了Android 6.0獲取wifi Mac地址為02:00:00:00:00:00的解決方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-11-11
這篇文章主要為大家介紹了Android不壓縮圖片實現(xiàn)高清加載巨圖實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06