仿照如今各大新闻站点图片新闻的浏览模式，上面展示详细图片（ImageSwitch），以下是能够滑动的小图片(Gallery)。

当中须要注意的是ImageSwitch须要定义一个工厂返回的组件，而且能够设置动画效果。

Gallery用适配器载入布局。其Gallery可设置。两个图片的间隔距离。

布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><ImageSwitcherandroid:id="@+id/switcher"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_gravity="center"android:layout_weight="1" ></ImageSwitcher><Galleryandroid:id="@+id/gallary"android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_margin="10dp"android:layout_weight="3"android:spacing="20dp" /></LinearLayout>

java类：

package com.gallaryandswitch;import android.app.Activity;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.FrameLayout;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;
import android.widget.ViewSwitcher.ViewFactory;import com.example.wangyitest.R;public class MainAct extends Activity {ImageSwitcher imageSwitcher;Gallery gallery;int[] pics = { R.drawable.f1, R.drawable.f2, R.drawable.f3, R.drawable.f4,R.drawable.f5, R.drawable.f6, R.drawable.f7, R.drawable.flower };@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.galleryswitch);imageSwitcher = (ImageSwitcher) findViewById(R.id.switcher);gallery = (Gallery) findViewById(R.id.gallary);imageSwitcher.setFactory(new ViewFactory() {@Overridepublic View makeView() {// TODO Auto-generated method stubImageView imageView = new ImageView(getApplicationContext());imageView.setScaleType(ScaleType.FIT_CENTER);imageView.setLayoutParams(new FrameLayout.LayoutParams(FrameLayout.LayoutParams.FILL_PARENT,FrameLayout.LayoutParams.FILL_PARENT));imageView.setBackgroundColor(getResources().getColor(R.color.bg3));return imageView;}});imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.fade_in));imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.fade_out));gallery.setAdapter(new MyAdapter());// gallery.setOnItemClickListener(new AdapterView.OnItemClickListener()// {//// @Override// public void onItemClick(AdapterView<?

> parent, View view, // int position, long id) { // // TODO Auto-generated method stub // imageSwitcher.setImageResource(pics[position]); // } // }); gallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub imageSwitcher.setImageResource(pics[position]); } @Override public void onNothingSelected(AdapterView<?

> parent) { // TODO Auto-generated method stub } }); } class MyAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return pics.length; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return position; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub ImageView imageView = new ImageView(getApplicationContext()); imageView.setScaleType(ScaleType.FIT_CENTER); imageView.setLayoutParams(new Gallery.LayoutParams(400, Gallery.LayoutParams.WRAP_CONTENT)); imageView.setImageBitmap(BitmapFactory.decodeResource( getResources(), pics[position])); imageView.setBackgroundColor(getResources().getColor(R.color.bg2)); return imageView; } } }