当前位置: 代码迷 >> Android >> Android 应用开发札记 - 拖动效果(Gallery)
  详细解决方案

Android 应用开发札记 - 拖动效果(Gallery)

热度:149   发布时间:2016-05-01 14:42:41.0
Android 应用开发笔记 - 拖动效果(Gallery)

新建一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)。

 

运行效果如下:

 

 

  相关解决方案