Android 自動迴圈滾動圖片（廣告）附帶導航小圓點

標籤：android   pageview   滾動圖片   滾動廣告   imageview   

用viewpage實現了滾動圖片，自動迴圈的效果，附帶導航的小圓點

如下:

準備工作：

下載我打包好的jar包，放入項目的libs檔案夾下即可使用

：http://download.csdn.net/detail/u012027644/8744019

使用方法：

Activity的代碼:

public class MainActivity extends Activity {MyImgScroll myPager; // 圖片容器LinearLayout ovalLayout; // 圓點容器private List<View> listViews; // ImageView組private List<String> urlList; //圖片地址清單@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);myPager = (MyImgScroll) findViewById(R.id.myvp);ovalLayout = (LinearLayout) findViewById(R.id.vb);geyImageUrl();//擷取圖片地址initViewPager();//初始化圖片//開始滾動myPager.start(this, listViews, 4000, ovalLayout);}/** * 網狀圖片地址集 */private void geyImageUrl(){urlList = new ArrayList<String>();urlList.add("http://img3.imgtn.bdimg.com/it/u=4062712383,3140853232&fm=21&gp=0.jpg");urlList.add("http://pic.58pic.com/58pic/15/16/00/49T58PICiZm_1024.jpg");urlList.add("http://www.6188.com/upload_6188s/Small_paper/tebie/3553/s800/2880view_008.jpg");urlList.add("http://img4.imgtn.bdimg.com/it/u=1254729582,2442676828&fm=21&gp=0.jpg");}    @Overrideprotected void onRestart() {myPager.startTimer();super.onRestart();}    @Overrideprotected void onStop() {myPager.stopTimer();super.onStop();}public void stop(View v) {myPager.stopTimer();}/** * 初始化圖片 */private void initViewPager() {listViews = new ArrayList<View>();//初始化VolleyRequestQueue mQueue = Volley.newRequestQueue(this);ImageLoader imageLoader = new ImageLoader(mQueue, new ImageCache() {      @Override      public void putBitmap(String url, Bitmap bitmap) {      }        @Override      public Bitmap getBitmap(String url) {          return null;      }  });//迴圈添加ImageViewfor (int i = 0; i < urlList.size(); i++) {NetworkImageView imageView = new NetworkImageView(this);imageView.setScaleType(ScaleType.CENTER_CROP);imageView.setDefaultImageResId(R.drawable.ic_launcher);imageView.setErrorImageResId(R.drawable.ic_launcher);imageView.setImageUrl(urlList.get(i), imageLoader);listViews.add(imageView);}}}

注意:樣本裡使用了擷取網狀圖片的網路架構volley

這裡有我打包好的,：

http://download.csdn.net/detail/u012027644/8547825

下載後放入libs即可

如果是本地圖片不需要從網上擷取可把NetworkImageView改為ImageView，這裡方法就不再贅述。

xml代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <com.joe.imgscroll.MyImgScroll        android:id="@+id/myvp"        android:layout_width="match_parent"        android:layout_height="220dp" />    <LinearLayout        android:id="@+id/vb"        android:layout_width="match_parent"        android:layout_height="10dp"        android:layout_marginTop="3dp"        android:gravity="center"        android:orientation="horizontal" >    </LinearLayout></LinearLayout>

id為vb的LinearLayout即為盛放導航小圓點的容器，也可以不要。

最後Demo工程的:https://github.com/yangjie10930/ImageScroll

Android 自動迴圈滾動圖片（廣告）附帶導航小圓點