Android開(kāi)發(fā)之ImageSwitcher相冊(cè)功能實(shí)例分析
本文實(shí)例講述了Android開(kāi)發(fā)之ImageSwitcher相冊(cè)功能。分享給大家供大家參考,具體如下:
簡(jiǎn)介:
1.ImageSwitcher是viewSwitcher的子類(lèi),所以ImageSwitcher繼承了ViewSwitcher素有的特性
2.作為ViewSwitcher的子類(lèi),它比ViewSwitcher使用更加方便,主要體現(xiàn)在:①. 重寫(xiě)了setNext() ②. 重寫(xiě)了showPrevious()方法。所以其實(shí)用起來(lái),要比ViewSwitcher更為方便。
3.中重要的是:ImageSwitcher增加了圖片切換動(dòng)畫(huà),使得圖片的切換更加自然
這里看下運(yùn)行效果:

這個(gè)例子中,看考了瘋狂Android講義,采用ImageSwicher結(jié)合Gridview實(shí)現(xiàn)的,一下問(wèn)布局文件:
<?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="match_parent"
android:gravity="center_horizontal">
<!--定義一個(gè)GridView組件-->
<GridView
android:id="@+id/grid01"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:listSelector="@null"
android:numColumns="3"
android:horizontalSpacing="2dp"
android:verticalSpacing="2dp"
android:gravity="center">
</GridView>
<!--定義一個(gè)ImageSwitcher組件-->
<ImageSwitcher
android:id="@+id/switcher"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:padding="50dp"
android:inAnimation="@android:anim/fade_in"
android:outAnimation="@android:anim/fade_out"
android:background="@color/colorPrimaryDark"
android:visibility="gone">
</ImageSwitcher>
</RelativeLayout>
關(guān)于GridView 有兩種常用的監(jiān)聽(tīng)事件:
gridView.setOnItemSelectedListener 和 gridView.setOnItemClickListener
關(guān)于ImageSwitcher 設(shè)置ImageSwitcher 采用了imageSwitcher.setFactory 方法:
public class MainActivity extends Activity {
int[] imageId = new int[]{
R.drawable.a0,R.drawable.a1,R.drawable.a2,R.drawable.a4,
R.drawable.a5,R.drawable.a6,R.drawable.a7,R.drawable.a8,
R.drawable.a9,R.drawable.a00,R.drawable.a02,R.drawable.a02,
};
ImageSwitcher imageSwitcher ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//創(chuàng)建一個(gè)List對(duì)象,list對(duì)象的元素是Map
List<Map<String,Object>> listitems = new ArrayList<Map<String, Object>>();
for (int i = 0 ; i < imageId.length ; i++ ){
Map<String,Object> listitem = new HashMap<String, Object>();
listitem.put("image",imageId[i]);
listitems.add(listitem);
}
//獲取顯示圖片的ImageSwitcher
imageSwitcher = (ImageSwitcher) findViewById(R.id.switcher);
//為ImageSwitcher設(shè)置動(dòng)畫(huà)效果
imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {
@Override
public View makeView() {
//創(chuàng)建ImageView對(duì)象
ImageView imageView = new ImageView(MainActivity.this);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT));
//返回ImageView對(duì)象
return imageView;
}
});
//創(chuàng)建一個(gè)SimpleAdapter
SimpleAdapter simpleAdapter = new SimpleAdapter(this,listitems,R.layout.cell,new String[]{"image"},new int[]{R.id.image1});
GridView gridView = (GridView) findViewById(R.id.grid01);
//為gridView設(shè)置adapter
gridView.setAdapter(simpleAdapter);
//添加列表選中監(jiān)聽(tīng)事件
gridView.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
imageSwitcher.setVisibility(View.VISIBLE);
imageSwitcher.setClickable(true);
//顯示當(dāng)前選中圖片
imageSwitcher.setImageResource(imageId[position]);
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
}
});
//添加列表被單擊的監(jiān)聽(tīng)器
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
imageSwitcher.setVisibility(View.VISIBLE);
imageSwitcher.setClickable(true);
//顯示被單擊圖片
imageSwitcher.setImageResource(imageId[position]);
}
});
//為imageSwitcher添加監(jiān)聽(tīng)事件
imageSwitcher.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
imageSwitcher.setVisibility(View.GONE);
imageSwitcher.setClickable(false);
}
});
imageSwitcher.setClickable(false);
}
}
幾點(diǎn)值得注意的:
- 由于SimpleAdapter 對(duì)象 是根據(jù)Map 建立的 ,所以他們的Key一定要相同才行,否則無(wú)法生成。
- 關(guān)于閃退現(xiàn)象:我才用的是經(jīng)過(guò)壓縮過(guò)的圖片,如果是加載高清大圖很可能出現(xiàn)OOM現(xiàn)象,這是我們需要對(duì)圖片進(jìn)行壓縮,具體可以參照:http://www.fzitv.net/article/158268.htm
- 這里cell文件還是和往常一樣,只是個(gè)簡(jiǎn)單的ImageView罷了,注意設(shè)置它的 id 要與活動(dòng)中調(diào)用它的地方相同,這里就不過(guò)多描述了。
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《Android圖形與圖像處理技巧總結(jié)》、《Android開(kāi)發(fā)入門(mén)與進(jìn)階教程》、《Android調(diào)試技巧與常見(jiàn)問(wèn)題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
相關(guān)文章
詳解OpenGL Shader抗鋸齒的實(shí)現(xiàn)
普通繪制圓形形狀時(shí)可以看到圖形邊緣會(huì)有明顯鋸齒現(xiàn)象并不像真實(shí)圓形形狀一樣圓潤(rùn)邊緣平滑。本文將介紹如何通過(guò)自制函數(shù)實(shí)現(xiàn)抗鋸齒,需要的可以參考一下2022-02-02
Android實(shí)現(xiàn)手機(jī)拍照功能
這篇文章主要介紹了Android實(shí)現(xiàn)手機(jī)拍照功能,感興趣的小伙伴們可以參考一下2015-12-12
android APP登陸頁(yè)面適配的實(shí)現(xiàn)
這篇文章主要介紹了android APP登陸頁(yè)面適配的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
WheelView實(shí)現(xiàn)上下滑動(dòng)選擇器
這篇文章主要為大家詳細(xì)介紹了WheelView實(shí)現(xiàn)上下滑動(dòng)選擇器的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12
android將圖片轉(zhuǎn)換存到數(shù)據(jù)庫(kù)再?gòu)臄?shù)據(jù)庫(kù)讀取轉(zhuǎn)換成圖片實(shí)現(xiàn)代碼
有時(shí)候我們想把圖片存入到數(shù)據(jù)庫(kù)中,盡管這不是一種明智的選擇,但有時(shí)候還是不得以會(huì)用到,下面說(shuō)說(shuō)將圖片轉(zhuǎn)換成byte[]數(shù)組存入到數(shù)據(jù)庫(kù)中去,并從數(shù)據(jù)庫(kù)中取出來(lái)轉(zhuǎn)換成圖像顯示出來(lái)2013-11-11
Android開(kāi)發(fā)之自定義view實(shí)現(xiàn)通訊錄列表A~Z字母提示效果【附demo源碼下載】
這篇文章主要介紹了Android開(kāi)發(fā)之自定義view實(shí)現(xiàn)通訊錄列表A~Z字母提示效果,結(jié)合完整實(shí)例形式分析了Android獲取通訊錄列表及采用自定義view排列顯示的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
Android 列表選擇框 Spinner詳解及實(shí)例
這篇文章主要介紹了Android 列表選擇框 Spinner詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06

