1. 程式人生 > >android 自動播放的圖片瀏覽

android 自動播放的圖片瀏覽

         本例項示範瞭如何使用AdapterViewFlipper開發自動播放的圖片庫,該例項的介面上除了包含一個AdapterViewFlipper外還包含三個按鈕,用於顯示上一張,下一張以及自動播放。為了控制AdapterViewFlipper要顯示的多個列表項,程式為AdapterViewFlipper設定一個Adapter即可。

       下面是該例項的XML檔案:

  android:layout_width="match_parent" android:layout_height="match_parent">
   
        android:id="@+id/fliper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:flipInterval="2000"
        android:layout_alignParentTop="true"
        />
   
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:onClick="prev"
        android:text="上一個"
        />
   
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:onClick="next"
        android:text="下一個"
        />
   
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:onClick="auto"
        android:text="自動播放"
        />

       該例項的Activity會採用擴充套件BaseAdapter的方式來實現自己的Adapter,併為AdapterViewFlipper元件設定Adapter。
       下面是Activity的程式碼:
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class MainActivity extends Activity {

int[] imageIds = new int[]
{
R.drawable.one, R.drawable.two,R.drawable.three,R.drawable.four,
R.drawable.five,R.drawable.six,R.drawable.sev,R.drawable.eig,
R.drawable.nin,R.drawable.ten,R.drawable.ele,R.drawable.end
};
private AdapterViewFlipper flipper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_mian);
flipper = (AdapterViewFlipper) findViewById(R.id.fliper);
//建立一個BaseAdapter物件,該物件負責提供Gallery所顯示的列表項
BaseAdapter adapter = new BaseAdapter() {
@Override
public int getCount() {
return imageIds.length;
}

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
//建立一個ImageView
ImageView imageView = new ImageView(MainActivity.this);
imageView.setImageResource(imageIds[position]);
//設定ImageView的縮放型別
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
//為ImageView設定佈局引數
imageView.setLayoutParams(new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
return imageView;
}
};
flipper.setAdapter(adapter);
}
public void prev(View source)
{
//顯示上一個元件
flipper.showPrevious();
//停止自動播放
flipper.stopFlipping();
}
public void next(View source)
{
//顯示下一個元件
flipper.showNext();
//停止自動播放
flipper.stopFlipping();
}
public void auto(View source)
{
//開始自動播放
flipper.startFlipping();
}
}
      執行之後效果圖如下:



相關推薦

android 自動播放圖片瀏覽

         本例項示範瞭如何使用AdapterViewFlipper開發自動播放的圖片庫,該例項的介面上除了包含一個AdapterViewFlipper外還包含三個按鈕,用於顯示上一張,下一張以及自動播放。為了控制AdapterViewFlipper要顯示的多個列表項

Android-ViewFlipper自動播放圖片

簡介: 1.ViewFlipper繼承了ViewAnimator 可以呼叫addView()新增元件 2.ViewAnimator與AdapterViewFlipper類似,區別在於 : AdapterViewFlipper可以通過Adapter直接新增多個view,而View

android微信圖片瀏覽框架設計

程式碼專案github地址 IMAlbum 一、業務場景 1、聊天介面傳送圖片==>多選點選+有右上角”傳送”+圖片預覽==>圖片預覽支援右上角”傳送”邏輯 2、發表動態==>多選點選+右上角”完成” + 圖片預覽==>圖片預覽

獲取後臺輪播圖圖片,讓其自動播放

web parse nim 默認 fun 是否 images var 斷圖 1、從後臺獲取輪播圖圖片 $(function(){  //輪播圖方法(圖片索引,對應圖片,圖片長度)   function lunImg(nums,img,imgLength) {

Android VideoView 自動播放與重播,點選暫停與繼續

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //set no title bar

Android ImageView播放gif圖片

當點選圖片的時候,gif圖片播放,當沒有點選的時候是gif的第一幀,這時是一張圖片。 參考:https://blog.csdn.net/guolin_blog/article/details/11100315 首先在values目錄下新建一個attrs.xml的檔案 &

Swift封裝圖片瀏覽,多張圖片瀏覽,縮放,gif圖片播放

封裝了一個圖片瀏覽器,實現了圖片的瀏覽,縮放,支援多張圖片的瀏覽縮放,儲存到相簿等功能 實現功能 1.圖片瀏覽,根據圖片的大小適應,瀏覽長圖 2.多張圖片左右滑動瀏覽 3.圖片的縮放 4.播放gif圖片 實現技術 1.使用UICollectio

Android Webview中解決H5的音視訊不能自動播放的問題

   今天在開發webview的時候,當載入有聲音的H5的時候,聲音不會自動播放,必須手動觸控一下螢幕,聲音才會播放出來,雖然在H5檔案中設定了autoplay屬性,也呼叫了play方法,依然不能自動

android viewpager 縱橫向滑動 verticalviewpager根據timer實現自動播放

先看看viewpager怎麼實現的,自定義繼承viewpager 。 之前看到csdn覺得一個寫的不錯,,有很多方法來實現,,可以看看這些部落格 Android ViewPager 垂直滑動 縱向滑動 VerticalViewPager 可以繼續看看這個原始stackoverflow

Android Webview中解決H5的音視訊不能自動播放、只有聲音沒有影象的問題

開發webview的時候,當載入有聲音的H5的時候,聲音不會自動播放,必須手動觸控一下螢幕,聲音才會播放出來,雖然在H5檔案中設定了autoplay屬性,也呼叫了play方法,依然不能自動播放,最後通過在webview中呼叫js方法來解決。    程式碼如下: view.

Android開發之實現最簡單最酷炫的3D圖片瀏覽效果(一)

一、原理 整體實現是以手機螢幕的正中間位置為對稱軸,位於正中間的圖片顯示最大,也最亮,同時左右兩邊的圖片以最中間位置為對稱軸,分別旋轉對應的角度,同時亮度調整為適當的比例,已達到對稱的效果。具體的3D瀏覽圖片效果,我是通過自定義Gallery來實現的,建立一個類Galler

圖片自動播放

<html> <head> <meta charset="utf-8" /> <title></title> <script> function rollback(){

Android WebView載入H5音視訊自動播放、關閉Activity停止播放

在Android載入H5,實現H5中的音視訊自動播放 在Activity中新增程式碼: if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) { mWe

Android視訊列表自動播放功能

效果 直接上程式碼 public int firstVisible = 0, visibleCount = 1, totalCount = 0; @Override public void onViewCreated(Vie

Html5 在 Android/IOS 瀏覽器不自動播放視訊

相信很多Web前端開發小夥伴因為工作的需求,在研究怎麼通過HTML5實現視訊在手機瀏覽器的自動播放(主流瀏覽器)。在這裡,我要告訴大家: Chrome for Android 從版本54開始支援靜音

Android開機啟動自動播放視訊

最近客戶有個小需求:在一個android系統平臺上一開機就自動播放SD卡某檔案目錄下的視訊檔案。 需求比較簡單,不多說了,直接貼程式碼: 1 首先配置 AndroidManifest.xml  註冊一個開機服務廣播 主要程式碼如下:         <receiver android:name=".Bo

android H5 webview 無法自動播放音樂 autoplay

開發webview的時候,當載入有聲音的H5的時候,聲音不會自動播放,必須手動觸控一下螢幕,聲音才會播放出。 雖然在H5檔案中設定了autoplay屬性,也呼叫了play方法,依然不能自動播放。 很簡單,只要設定一個webview屬性: mWebview.

Android 廣告(banner)圖片輪播、圖片瀏覽、仿微信大圖檢視控制元件(支援視訊和gif圖片)、支援動態新增資料

    之前專案需要做個仿微信檢視大圖,需要新增圓形下載進度,支援視訊和圖片切換等一系列功能控制元件,自己抽空把開發的自定義控制元件的成果重新構造、整理處理封裝成庫(aar),提供出來,有需要朋友,歡迎使用,如果有什麼建議歡迎留言或者GitHub上提issues

android自動播放和偽無限迴圈的廣告輪播實現

這次我們剝離出程式碼, 自定義一個view來簡單化。 原始碼可以在github上找到。 簡單使用說明如下: 1, Application中初始化Fresco public class App extends Applicati

點選圖片讓video視訊顯示並自動播放/迴圈播放

HTML: <video width="100%" height="300" id="video" style="object-fit:fill;"> <source sr