国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > Android > 正文

Android實現幻燈片式圖片瀏覽器

2019-10-22 18:18:34
字體:
來源:轉載
供稿:網友

我們來實現一個幻燈片式圖片瀏覽器:

最下面一個畫廊視圖,選中畫廊中的圖片,會在上面的ImageSwitcher控件中顯示大圖。

效果圖如圖

Android,幻燈片,圖片瀏覽器,Android圖片瀏覽器,Android幻燈片式瀏覽器

實現方法:

在布局文件中添加圖片切換控件ImageSwitcher和畫廊視圖控件Gallery
res/layout/main.xml:

<?xml version="1.0" encoding="utf-8"?>  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:id="@+id/layout1"   android:gravity="center_horizontal"   >    <ImageSwitcher     android:id="@+id/imageSwitcher"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:paddingTop="30px"     android:layout_weight="2"/>   <Gallery     android:id="@+id/gallery1"     android:spacing="5px"     android:layout_weight="1"     android:unselectedAlpha="0.6"     android:layout_width="match_parent"     android:layout_height="wrap_content"/> </LinearLayout>  

在res/values目錄中,創建一個名為attr.xml的文件,在該文件中定義一個styleable對象,用于組合多個屬性。這里只指定了一個系統自帶的android:galleryItemBackground屬性,用于設置各選項的背景。具體代碼如下:
res/values/attr.xml:

<?xml version="1.0" encoding="utf-8"?> <resources>   <declare-styleable name="Gallery">     <attr name="android:galleryItemBackground"/>   </declare-styleable> </resources> 

MainActivity:

package com.example.test;    import android.app.Activity; import android.content.res.TypedArray; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.view.animation.AnimationUtils; import android.widget.AdapterView; import android.widget.AdapterView.OnItemSelectedListener; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.ViewSwitcher.ViewFactory;   public class MainActivity extends Activity {    //定義并初始化保存圖片id的數組    private int[] imageId=new int[]{R.drawable.img1,R.drawable.img2,R.drawable.img3,R.drawable.img4,        R.drawable.img5,R.drawable.img6,R.drawable.img7,R.drawable.img8,R.drawable.img9};    //聲明一個圖像切換器對象    private ImageSwitcher imageSwitcher;   @Override    public void onCreate(Bundle savedInstanceState) {      super.onCreate(savedInstanceState);      setContentView(R.layout.main);            Gallery gallery=(Gallery)findViewById(R.id.gallery1);//獲取gallery組件          imageSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher);//獲取圖像切換器     //設置動畫效果     imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,         android.R.anim.fade_in));//設置淡入動畫     imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,          android.R.anim.fade_out));//設置淡出動畫     imageSwitcher.setFactory(new ViewFactory(){         @Override       public View makeView() {         ImageView imageView=new ImageView(MainActivity.this);//實例化一個imageView類的對象         imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);//設置保持縱橫比居中縮放圖像         imageView.setLayoutParams(new ImageSwitcher.LayoutParams(             LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));         return imageView;//返回imageView對象       }     });          BaseAdapter adapter=new BaseAdapter(){         @Override       public View getView(int position, View convertView, ViewGroup parent) {         ImageView imageView;//聲明ImageView的對象         if(convertView==null){           imageView=new ImageView(MainActivity.this);//實例化ImageView的對象           imageView.setScaleType(ImageView.ScaleType.FIT_XY);//設置縮放方式           imageView.setLayoutParams(new Gallery.LayoutParams(180,135));           //設置gallery每一項圖片的背景資源(使用的是attr.xml的自定義樣式)           TypedArray typedArray=obtainStyledAttributes(R.styleable.Gallery);           imageView.setBackgroundResource(typedArray.getResourceId(               R.styleable.Gallery_android_galleryItemBackground, 0));                      imageView.setPadding(5, 0, 5, 0);//設置imageView的內邊距         }else{           imageView=(ImageView)convertView;         }         imageView.setImageResource(imageId[position]);//為imageView設置要顯示的圖片         return imageView;//返回ImageView       }              //功能:獲得當前選項的id       @Override       public long getItemId(int position) {         return position;       }              //功能:獲得當前選項       @Override       public Object getItem(int position) {         return position;       }              //獲得數量       @Override       public int getCount() {         return imageId.length;       }     };          gallery.setAdapter(adapter);//將適配器與Gallery關聯     gallery.setSelection(imageId.length/2);//選中中間的圖片     gallery.setOnItemSelectedListener(new OnItemSelectedListener() {         @Override       public void onItemSelected(AdapterView<?> parent, View v,           int position, long id) {         imageSwitcher.setImageResource(imageId[position]);//顯示選中的圖片       }         @Override       public void onNothingSelected(AdapterView<?> arg0) {         // TODO Auto-generated method stub       }     });   }  }  

這樣單擊某張圖片,可以選中該圖片,并且讓其居中顯示,也可以用手指拖動圖片來移動圖片,并且讓選中的圖片在上方顯示,如圖是切換瞬間的效果

Android,幻燈片,圖片瀏覽器,Android圖片瀏覽器,Android幻燈片式瀏覽器

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


注:相關教程知識閱讀請移步到Android開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 云浮市| 蒙城县| 龙口市| 新化县| 云安县| 墨江| 太谷县| 格尔木市| 五常市| 公安县| 淳化县| 探索| 中超| 邵阳县| 连云港市| 泰顺县| 毕节市| 襄樊市| 博乐市| 邮箱| 南涧| 鄂伦春自治旗| 巩义市| 托克逊县| 大邑县| 浑源县| 汽车| 马关县| 南投县| 桃园县| 慈利县| 三亚市| 沅江市| 体育| 安龙县| 尖扎县| 东山县| 湖南省| 阿图什市| 景谷| 军事|