新建一View,清单如下:
view_gallery.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > </LinearLayout>
在面板拖拽图标,然后更改相关属性(Properties),如下:
<Gallery android:id="@+id/gallery02" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp"/>
添加一按钮,如下:
<Button android:id="@+id/btnReturn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="166dp" android:text="@string/btn1Caption" />
整体布局效果如下:
把“Push me”按钮,更改为切换按钮。即实现切换功能。相关代码请参考多个View切换!
实现Gallery需要继承BaseAdapter,我们命名为ImgAdapter。
代码清单如下:
package com.example.prjandroid;import android.content.Context;import android.content.res.TypedArray;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.Gallery;import android.widget.ImageView;public class ImgAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return null; } @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 return null; }}
如果想要放图片,必须使用ImageView!
这时,我们把图片放到res/drawable下(建议使用png格式文件)。
然后,再新建一xml文件,提供Gallery的背景。如下:
res/attrs.xml
<?xml version="1.0" encoding="utf-8"?><resources> <declare-styleable name="galleryThem"> <attr name="android:galleryItemBackground"/> </declare-styleable></resources>
声明一图片ID的数组:
// resource draw private int[] resPics = new int[] { R.drawable.emacs1, R.drawable.emacs2, R.drawable.emacs3, R.drawable.emacs4, R.drawable.emacs5, R.drawable.emacs6, R.drawable.emacs7, R.drawable.emacs8, R.drawable.emacs9, R.drawable.emacs10 };
在getView()方法中使用ImageView:
ImageView imgView = new ImageView(m_context); imgView.setImageResource(resPics[position]); imgView.setScaleType(ImageView.ScaleType.FIT_XY); imgView.setLayoutParams(new Gallery.LayoutParams(163, 106)); imgView.setBackgroundResource(m_galleryItemBackGround); return imgView;
其中,ImageView.ScaleType共八种:
1·ImageView.ScaleType.center:图片位于视图中间,但不执行缩放。
2·ImageView.ScaleType.CENTER_CROP 按统一比例缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或者大于相应的视图的维度
3·ImageView.ScaleType.CENTER_INSIDE按统一比例缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或者小于相应的视图的维度
4·ImageView.ScaleType.FIT_CENTER缩放图片使用center
5·ImageView.ScaleType.FIT_END缩放图片使用END
6·ImageView.ScaleType.FIT_START缩放图片使用START
7·ImageView.ScaleType.FIT_XY缩放图片使用XY
8·ImageView.ScaleType.MATRIX当绘制时使用图片矩阵缩放
还有就是Context相当于windows中的Handle。
我们在构造这个类时,需要Context和初始化Gallery的属性,其相关代码如下:
public ImgAdapter(Context context) { // TODO Auto-generated constructor stub m_context = context; TypedArray typeArray = m_context.obtainStyledAttributes(R.styleable.galleryThem); m_galleryItemBackGround = typeArray.getResourceId( R.styleable.galleryThem_android_galleryItemBackground, 0); }
基本上这个适配类就是这个样子了。
调用代码和之前讲的Spinner比较像!区别在于Spinner直接就传的this,但是在必须传主类.this(例如MainActivity.this)。
运行效果如下: