幻燈片式圖片瀏覽器

never123450發表於2014-07-01

fragment_main.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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.xwy.huand.MainActivity$PlaceholderFragment"
    android:orientation="vertical"
    android:id="@+id/llayout"
    android:gravity="center_horizontal" >

    <ImageSwitcher 
        android:id="@+id/imageSwitcher1"
        android:layout_weight="2"
        android:paddingTop="30px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        
    </ImageSwitcher>

    <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>

MainActivity.java

package com.xwy.huand;

import android.support.v4.app.Fragment;
import android.app.Activity;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
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 {

	private int[] imageId = new int[] { R.drawable.img01, R.drawable.img02,
			R.drawable.img03, R.drawable.img04, R.drawable.img05,
			R.drawable.img06, R.drawable.img07, R.drawable.img08,
			R.drawable.img09, R.drawable.img10, R.drawable.img11,
			R.drawable.img12, }; // 定義並初始化儲存圖片id的陣列
	private ImageSwitcher imageSwitcher; // 宣告一個影象切換器物件

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.fragment_main);

		Gallery gallery = (Gallery) findViewById(R.id.gallery1);
		imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher1);
		// 設定動畫效果
		imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
				android.R.anim.fade_in));// 設定淡入動畫
		imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, 
				android.R.anim.fade_out));//設定淡出動畫
		imageSwitcher.setFactory(new ViewFactory() {
			
			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指定要顯示的內容 *****************************/
		BaseAdapter adapter = new BaseAdapter() {
			
			public View getView(int position, View convertView, ViewGroup parent) {
				ImageView imageView;
				if(convertView == null){
					imageView = new ImageView(MainActivity.this);//例項化ImageView物件
					imageView.setScaleType(ImageView.ScaleType.FIT_XY);//設定縮放方式
					imageView
					.setLayoutParams(new Gallery.LayoutParams(180, 135));
					TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
					imageView.setBackgroundResource(typedArray.getResourceId(
							R.styleable.Gallery_android_galleryItemBackground,
							0));
					imageView.setPadding(5, 0, 5, 0);
				}else{
					imageView = (ImageView) convertView;
					
				}
				imageView.setImageResource(imageId[position]);
				return imageView;
			}
			
			public long getItemId(int position) {
				// 獲得當前選項的id
				return position;
			}
			
			public Object getItem(int position) {
				// 獲得當前選項
				return position;
			}
			
			public int getCount() {
				// 獲得數量
				return imageId.length;
			}
		};

		gallery.setAdapter(adapter);//將介面卡與Gallery關聯
		gallery.setSelection(imageId.length / 2);//讓中間的圖片選中
		gallery.setOnItemSelectedListener(new OnItemSelectedListener(){

			public void onItemSelected(AdapterView<?> parent, View view,
					int position, long id) {
				imageSwitcher.setImageResource(imageId[position]);//設定選中的圖片
			}

			public void onNothingSelected(AdapterView<?> parent) {
				// TODO Auto-generated method stub
				
			}
			
		});
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {

		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		// Handle action bar item clicks here. The action bar will
		// automatically handle clicks on the Home/Up button, so long
		// as you specify a parent activity in AndroidManifest.xml.
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}

	/**
	 * A placeholder fragment containing a simple view.
	 */
	public static class PlaceholderFragment extends Fragment {

		public PlaceholderFragment() {
		}

		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container,
				Bundle savedInstanceState) {
			View rootView = inflater.inflate(R.layout.fragment_main, container,
					false);
			return rootView;
		}
	}

}


相關文章