画廊布局(ImageSwitcher与Gallery)

本文介绍了如何在Android应用中使用系统自带的ImageSwitcher和Gallery组件实现画廊布局,包括图像动画效果设置、适配器自定义及与Gallery的交互。通过实例代码演示了如何在Gallery中选择图像并在ImageSwitcher中放大显示所选图像。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


//安卓开发之画廊布局(使用系统自带的ImageSwitcher与Gallery实现)

public class MainActivity extends Activity implements ViewFactory {
private Gallery gallery = null;
private ImageSwitcher imageSwitcher = null;
int[] imageIDs = { R.drawable.p1, R.drawable.p2, R.drawable.p3,
R.drawable.p4, R.drawable.p5, R.drawable.p6, R.drawable.p7,
R.drawable.p8 };


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


imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
// 设置ImageSwitcher组件的工厂对象
imageSwitcher.setFactory(this);
// // 设置ImageSwitcher组件显示图像的动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_out));


gallery = (Gallery) findViewById(R.id.gallery);
ImageViewAdapter adapter = new ImageViewAdapter(MainActivity.this,
imageIDs);
Log.i("MainActivity", "123.....0");
gallery.setAdapter(adapter);
Log.i("MainActivity", "123.....1");
gallery.setOnItemSelectedListener(new OnItemSelectedListener() {


public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
// 选中Gallery中某个图像时,在ImageSwitcher组件中放大显示该图像
imageSwitcher.setImageResource(imageIDs[position
% imageIDs.length]);
}


public void onNothingSelected(AdapterView<?> arg0) {


}


});


gallery.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
Log.i("ljq", "parent=" + parent.getClass().getName()); // Gallery
Log.i("ljq", "view=" + view.getClass().getName()); // ImageView
Log.i("ljq", "position=" + position); // 1
Log.i("ljq", "id=" + id);// 1
Gallery gl = (Gallery) parent;
ImageView iv = (ImageView) view;
}
});


}
//
// @Override
public View makeView() {
ImageView imageView = new ImageView(this);
imageView.setBackgroundColor(0xFF000000);
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
Log.i("MainActivity", "123.....2");
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
Log.i("MainActivity", "123.....3");
return imageView;

}

}

//ImageViewAdapter类代码如下:

package com.example.agallerylayout;


import android.content.Context;
import android.content.res.TypedArray;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;


public class ImageViewAdapter extends BaseAdapter {
private int[] imageIDs=null;
   private Context context=null;
  
   public ImageViewAdapter(Context context, int[] imageIDs) {
       this.context=context;
       this.imageIDs=imageIDs;
      
   }


@Override
public int getCount() {
// TODO Auto-generated method stub
return Integer.MAX_VALUE;
}


@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return imageIDs[position];
}


@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}


@Override
public View getView(int position, View convertView, ViewGroup parent) {
        ImageView iv = new ImageView(context);
        //优化二,通过取余来循环取得imageIDs数组中的图像资源ID,取余可以大大较少资源的浪费
        iv.setImageResource(imageIDs[position%imageIDs.length]);
        iv.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
       // Log.i("MainActivity", "123.....4");
      //  iv.setLayoutParams(new LinearLayout.LayoutParams(100,100));//把图片缩小原来的60%
       // Log.i("MainActivity", "123.....5");
      //  iv.setBackgroundResource(_mGalleryItemBackground);
        return iv;


    }


}

//布局文件代码如下:

<?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:unselectedAlpha: 设置未选中的条目的透明度(Alpha)。该值必须是float类型,比如:“1.2”。 -->
    <Gallery android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:spacing="10dip" 
        android:background="@drawable/android_layout_bg"
        android:unselectedAlpha="1.2"
        android:id="@+id/gallery"
        android:layout_marginTop="30dp"/>
    <ImageSwitcher android:id="@+id/imageSwitcher"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp" />
</LinearLayout>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值