ListView
基本認(rèn)知:
ListView絕對(duì)可以稱得上是Android中最常用的控件之一,幾乎所有應(yīng)用程序都會(huì)用到它即供。由于手機(jī)屏幕空間都比較有限于微,能夠一次性在屏幕上顯示的內(nèi)容并不多株依,當(dāng)我們的程序中有大量的數(shù)據(jù)需要展示的時(shí)候,就可以借助ListView來實(shí)現(xiàn)抹锄。
工作原理:
當(dāng)屏幕需要顯示x個(gè)item時(shí)伙单,那么ListView只會(huì)創(chuàng)建x+1個(gè)視圖车份,當(dāng)?shù)谝粋€(gè)item離開屏幕時(shí)扫沼,此item的view就會(huì)被拿來重用(用于顯示下一個(gè)item(即第x+1個(gè))的內(nèi)容)庄吼。
使用方法:
1.創(chuàng)建一個(gè)ListViewTest項(xiàng)目总寻,讓Android Studio自動(dòng)創(chuàng)建好活動(dòng)。然后修改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"
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
</ListView
</LinearLayout
引入了ListView后肴沫,即使你的ListView沒有內(nèi)容,可視化編輯器preview仍然會(huì)這樣顯示:
2.為了便于管理悲幅,可以在res目錄下的values文件夾下新建一個(gè)array.xml文件汰具,內(nèi)容如下:
<?xml version="1.0" encoding="utf-8"?
<resources
<string-array name="apps"
<item支付寶</item
<item微博</item
<item微信</item
<itemQQ</item
<item知乎</item
<item淘寶</item
</string-array
</resources
3.在Activity初始化的時(shí)候加載資源留荔,內(nèi)容如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
/**
* 初始化ListView聚蝶,內(nèi)容適配
*/
private void init(){
//加載array.xml內(nèi)容
Resources resources = this.getResources();
String[] data = resources.getStringArray(R.array.apps);
//適配器既荚,適配內(nèi)容
ArrayAdapter<String adapter = new ArrayAdapter<String(
MainActivity.this, android.R.layout.simple_list_item_1, data
);
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
}
4.適配器Adapter介紹:
既然ListView是用于展示大量數(shù)據(jù)的,這些數(shù)據(jù)可以是從網(wǎng)上下載的句各,也可以是從數(shù)據(jù)庫中讀取的凿宾,應(yīng)該視具體的應(yīng)用場景來決定。數(shù)組中的數(shù)據(jù)是無法直接傳遞給ListView的件蚕,還需要借助適配器來完成排作。Android中提供了很多的適配器的實(shí)現(xiàn)類亚情,其中最簡單的就是ArrayAdapter(注意不是SimpleAdapter)楞件。它可以通過泛型來指定要適配的數(shù)據(jù)類型裳瘪,然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入即可彭羹。ArrayAdapter有多個(gè)構(gòu)造函數(shù)的重載皆怕,根據(jù)需要選擇最合適的一種愈腾。
①ArrayAdapter:簡單岂津、易用的Adapter吮成,用于將數(shù)組綁定為列表項(xiàng)的數(shù)據(jù)源,支持泛型操作
②SimpleAdapter:功能強(qiáng)大的Adapter泳叠,用于將XML中控件綁定為列表項(xiàng)的數(shù)據(jù)源
③SimpleCursorAdapter:與SimpleAdapter類似危纫,用于綁定游標(biāo)(直接從數(shù)據(jù)數(shù)取出數(shù)據(jù))作為列表項(xiàng)的數(shù)據(jù)源
④BaseAdapter:可自定義ListView种蝶,通用用于被擴(kuò)展螃征。擴(kuò)展BaseAdapter可以對(duì)各個(gè)列表項(xiàng)進(jìn)行最大程度的定制透敌。
這里簡單介紹其中的一種:new ArrayAdapter<( Context context , @LayoutRes int resource , String[] objects );
Context:context表示上下文對(duì)象酗电,參數(shù):MainActivity.this
@LayoutRes:resource表示ListView子項(xiàng)布局的id,參數(shù):android.R.layout.simple_list_item_1(android.R.layout.simple_list_item_1這是Android內(nèi)置的布局文件泼疑,里面只有一個(gè)TextView退渗,可用于簡單顯示一段文本)
List<String | String[]:objects中指定要適配的數(shù)據(jù)会油。
適配器構(gòu)建好之后,還需要調(diào)用ListView的setAdapter()方法都许,將構(gòu)建好的適配器對(duì)象傳遞進(jìn)去胶征,這樣ListView和數(shù)據(jù)之間的關(guān)聯(lián)就建立完成了桨仿。
5.定制ListView
首先定義一個(gè)實(shí)體類,作為ListView適配器的適配類型钱雷。新建類Apps罩抗,代碼如下:
public class Apps {
private String name;
private int icon;
public Apps(String name, int icon) {
this.name = name;
this.icon = icon;
}
public String getName() {
return name;
}
public int getIcon() {
return icon;
}
}
然后需要為ListView的子項(xiàng)指定一個(gè)自定義的布局灿椅,在layout目錄下新建list_view_item_layout.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:orientation="horizontal"
<ImageView
android:id="@+id/iv_apps_icon"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_margin="10dp"
android:scaleType="fitXY" /
<TextView
android:id="@+id/tv_apps_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="30dp" /
<Switch
android:id="@+id/sh"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_marginRight="30dp" /
</LinearLayout
為了簡潔伸辟,我在ImageView和TextView沒有引入內(nèi)容。其實(shí)引入內(nèi)容并不會(huì)對(duì)結(jié)果造成影響窃蹋,而且可以在preview中預(yù)覽警没,以便調(diào)整布局杀迹。
接下來需要?jiǎng)?chuàng)建一個(gè)自定義的適配器树酪,這個(gè)適配器繼承自ArrayAdapter,并將泛型指定為Apps類垂谢。新建類AppsAdapter滥朱,代碼如下:
public class AppsAdapter extends ArrayAdapter<Apps {
private int resourceID; //resourceID指定ListView的布局方式
//重寫AppsAdapter的構(gòu)造器
public AppsAdapter(@NonNull Context context, int resource, List<Apps objects) {
super(context, resource, objects);
resourceID = resource;
}
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
//獲取當(dāng)前Apps實(shí)例
Apps apps = getItem(position);
//使用LayoutInflater為子項(xiàng)加載傳人布局
View view = LayoutInflater.from(getContext()).inflate(resourceID, null);
ImageView appsIcon = (ImageView) view.findViewById(R.id.iv_apps_icon);
TextView appsName = (TextView) view.findViewById(R.id.tv_apps_name);
//傳入Apps對(duì)象的屬性
appsIcon.setImageResource(apps.getIcon());
appsName.setText(apps.getName());
return view;
}
}
AppsAdapter重寫了父類的一組構(gòu)造函數(shù)徙邻,用于將上下文鹃栽、ListView子項(xiàng)布局的id和數(shù)據(jù)都傳遞進(jìn)來民鼓。另外又重寫了getView()方法丰嘉,這個(gè)方法在每個(gè)子項(xiàng)被滾動(dòng)到屏幕內(nèi)的時(shí)候會(huì)被調(diào)用饮亏。
在getView方法中路幸,首先通過getItem()方法得到當(dāng)前項(xiàng)的Apps實(shí)例简肴,然后使用LayoutInflater來為這個(gè)子項(xiàng)加載我們傳入的布局砰识,接著調(diào)用View的findViewById()方法分別獲取到ImageView和TextView的實(shí)例辫狼,并分別調(diào)用它們的setImageResource()和setText()方法來設(shè)置顯示的圖片和文字膨处,最后將布局返回真椿,自定義適配器就完成了。下面修改MainActivity中的代碼中的init()為init_Entity()挣跋,如下所示:
private void init_Entity() {
Apps alipay = new Apps("支付寶", R.drawable.ic_alipay);
Apps weibo = new Apps("微博", R.drawable.ic_weibo);
Apps wechat = new Apps("微信", R.drawable.ic_wechat);
Apps QQ = new Apps("QQ", R.drawable.ic_qq);
Apps taobao = new Apps("淘寶", R.drawable.ic_taobao);
apps.add(alipay);
apps.add(weibo);
apps.add(wechat);
apps.add(QQ);
apps.add(taobao);
AppsAdapter adapter = new AppsAdapter(MainActivity.this, R.layout.list_view_item_layout, apps);
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
效果圖:
提高效率:
說ListView這個(gè)控件很難用避咆,就是因?yàn)樗泻芏嗟募?xì)節(jié)可以優(yōu)化查库,其中運(yùn)行效率就是很重要的一點(diǎn)樊销。目前我們的ListView運(yùn)行效率是很低的脏款,但I(xiàn)tem量很少,可能體現(xiàn)不出來剂府。但是當(dāng)我們給上面加載資源代碼來個(gè)循環(huán)腺占,你就會(huì)發(fā)現(xiàn)ListView滑動(dòng)卡頓痒谴。因?yàn)樵贏ppsAdapter的getView()方法中每次都將布局重新加載了一遍积蔚,當(dāng)ListView快速滾動(dòng)的時(shí)候這就會(huì)成為性能的瓶頸库倘。
getView()中還有一個(gè)convertView參數(shù)论矾,這個(gè)參數(shù)用于將之前加載好的布局進(jìn)行緩存贪壳,以便之后可以進(jìn)行重用。在getView()方法中進(jìn)行了判斷钻注,如果convertView為空幅恋,則使用LayoutInflater去加載布局泵肄,如果不為空則直接對(duì)convertView進(jìn)行重用腐巢。這樣就大大提高了ListView的運(yùn)行效率,在快速滾動(dòng)的時(shí)候可以表現(xiàn)出更好的性能肉瓦。
不過泞莉,雖然現(xiàn)在已經(jīng)不會(huì)再去重復(fù)加載布局,但是每次在getView()方法中還是會(huì)調(diào)用View的findViewById()方法來獲取一次控件的實(shí)例戒财。
我們可以借助一個(gè)ViewHolder內(nèi)部類來對(duì)這部分性能進(jìn)行優(yōu)化饮寞,修改BrowserAdapter中的setView()方法幽崩,如下所示:
//使用ConvertView慌申,ViewHolder提高運(yùn)行效率
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
Apps apps = getItem(position);
View view;
ViewHolder viewHolder;
if (convertView == null) {
view = LayoutInflater.from(getContext()).inflate(resourceID, null);
viewHolder = new ViewHolder();
viewHolder.appsIcon = (ImageView) view.findViewById(R.id.iv_apps_icon);
viewHolder.appsName = (TextView) view.findViewById(R.id.tv_apps_name);
viewHolder.sh = (Switch) view.findViewById(R.id.sh);
view.setTag(viewHolder);
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag();
}
viewHolder.appsIcon.setImageResource(apps.getIcon());
viewHolder.appsName.setText(apps.getName());
return view;
}
class ViewHolder {
ImageView appsIcon;
TextView appsName;
Switch sh;
}
新增了一個(gè)內(nèi)部類ViewHolder蹄溉,用于對(duì)控件的實(shí)例進(jìn)行緩存柒爵。當(dāng)convertView為空的時(shí)候赚爵,創(chuàng)建一個(gè)ViewHolder對(duì)象,并將控件的實(shí)例都存放在ViewHolder里唁奢,然后調(diào)用View的setTag()方法,將ViewHolder對(duì)象存儲(chǔ)在View中酥夭。當(dāng)convertView不為空的時(shí)候調(diào)用View的getTag()方法采郎,把ViewHolder重新取出狂魔。這樣所有的控件的實(shí)例都緩存在了ViewHolder里蒜埋,就沒有必要每次都通過findViewById()方法來獲取控件實(shí)例了。經(jīng)過這兩步的優(yōu)化之后最楷,ListView的運(yùn)行效率完全可以滿足我們的需要了整份。
優(yōu)化前后內(nèi)存對(duì)比:
優(yōu)化前:
優(yōu)化后:
可以看出,無論優(yōu)化前后籽孙,剛啟動(dòng)時(shí)所需內(nèi)存都是67M左右烈评,但是當(dāng)我們快速滑動(dòng)時(shí),優(yōu)化后的ListView內(nèi)存從53M下降到了37M左右犯建,不再卡頓讲冠,運(yùn)行效率得到了提高竿开。
ListView的點(diǎn)擊時(shí)間
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<? parent, View view, int position, long id) {
Apps app = apps.get(position);
Toast.makeText(MainActivity.this, app.getName().toString(), Toast.LENGTH_SHORT).show();
}
});
使用setOnItemClickListener()方法來為ListView注冊(cè)一個(gè)監(jiān)聽器,當(dāng)用戶點(diǎn)擊了ListView中的任何一個(gè)子項(xiàng)時(shí)都會(huì)回調(diào)onItemClick()方法列荔,在這個(gè)方法中可以通過position參數(shù)判斷出用戶點(diǎn)擊的是哪一個(gè)子項(xiàng),然后執(zhí)行相應(yīng)的程序崎溃。
RecyclerView
基本認(rèn)知:
在android5.0唤殴,開始出現(xiàn)了一些新特性朵逝,其中就包括了非常受歡迎的RecyclerView啤咽。RecyclerView是一種新的視圖組,其目的是為任何基于適配器的視圖提供相似的渲染方式鳞青。該控件用于在有限的窗口中展示大量數(shù)據(jù)集,它被作為ListView和GirdView控件的繼承者胶惰。RecyclerView高度接耦,異常的靈活剃斧,通過設(shè)置不同的LayoutManager,ItemDecoration,ItemAnimator來實(shí)現(xiàn)令人想象不到的效果科雳。
工作原理:
當(dāng)屏幕需要顯示x個(gè)item時(shí)简逮,那么ListView只會(huì)創(chuàng)建x+1個(gè)視圖蕉堰,當(dāng)?shù)谝粋€(gè)item離開屏幕時(shí),此item的view就會(huì)被拿來重用(用于顯示下一個(gè)item(即第x+1個(gè))的內(nèi)容)。
重要類及優(yōu)點(diǎn):
RecyclerView.Adapter :強(qiáng)制使用ViewHolder乐疆,性能優(yōu)化,不需要重寫getView()仰美,只需要寫好ViewHolder,View 的復(fù)用已經(jīng)封裝好翰苫。
LayoutManager:管理布局屈扎,設(shè)置為LinearLayoutManager墨叛、GridLayoutManager、StaggeredGridLayoutManager可以輕易地實(shí)現(xiàn)ListView闯传,GridView以及流式布局的列表效果。它還可以管理滾動(dòng)和循環(huán)利用洗出。
ItemAnimator:可實(shí)現(xiàn)增刪動(dòng)畫
優(yōu)點(diǎn):
1.可通過復(fù)用ViewHolder實(shí)現(xiàn)view的復(fù)用判没,Item復(fù)用性高
2.高度解耦,靈活绸硕,可定制性、可擴(kuò)展性高
3.通過布局管理器LayoutManager控制其顯示方式
4.通過ItemDecoration控制Item間的間隔
5.通過ItemAnimator控制Item增刪動(dòng)畫
使用方法:
1.添加依賴:
在項(xiàng)目的build.gradle中添加相應(yīng)的依賴庫:
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
//添加依賴
implementation 'com.android.support:recyclerview-v7:28.0.0'
}
2.在布局文件中使用:
<?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="match_parent"/
</LinearLayout
3.為RecyclerView準(zhǔn)備一個(gè)適配器:(最重要就是這個(gè)類了)
public class IconAdapter extends RecyclerView.Adapter<IconAdapter.ViewHolder {
private List<Icon mIconlist;
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.icon_item, parent, false);
final ViewHolder holder = new ViewHolder(view);
holder.IconView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
int position = holder.getAdapterPosition();
Icon icon = mIconlist.get(position);
Toast.makeText(view.getContext(), "you clicked view is " + icon.getName(), Toast.LENGTH_SHORT).show();
}
});
holder.IconImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
int position = holder.getAdapterPosition();
Icon icon = mIconlist.get(position);
Toast.makeText(view.getContext(), "you clicked image is " + icon.getName(), Toast.LENGTH_SHORT).show();
}
});
return holder;
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
Icon icon = mIconlist.get(position);
holder.IconImage.setImageResource(icon.getImageId());
holder.IconTxt.setText(icon.getName());
}
@Override
public int getItemCount() {
return mIconlist.size();
}
static class ViewHolder extends RecyclerView.ViewHolder {
View IconView;
ImageView IconImage;
TextView IconTxt;
public ViewHolder(View view) {
super(view);
IconView = view;
IconImage = (ImageView) view.findViewById(R.id.icon_image);
IconTxt = (TextView) view.findViewById(R.id.icon_txt);
}
}
public IconAdapter(List<Icon IconList) {
mIconlist = IconList;
}
}
4.在活動(dòng)中使用RecyclerView兜蠕,代碼如下:(數(shù)據(jù)綁定,初始化等步驟和ListView的使用一致晶府,不多說爷绘。)
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
recyclerView.setLayoutManager(layoutManager);
IconAdapterHorization adapter = new IconAdapterHorization(iconList);
recyclerView.setAdapter(adapter);
最后貼一張三種布局的運(yùn)行圖:
上一篇:Android基礎(chǔ)(5)—自定義View
下一篇:Android基礎(chǔ)(7)—異步消息處理機(jī)制 Handler
精彩內(nèi)容不夠看?更多精彩內(nèi)容,請(qǐng)到微信搜索 “危君子頻道” 訂閱號(hào)贴见,每天更新,歡迎大家關(guān)注訂閱乖篷!