Android编程仿Iphone拖动相片特效Gallery的简单应用示例

本文实例讲述了Android编程仿Iphone拖动相片特效Gallery的简单应用。分享给大家供大家参考，具体如下： Step 1:准备图片素材. 将icon2,icon3,icon4,icon5,icon6五张图片导入res/drawable里加上icon.png本身一共有6张图片. Step 2:新建Android工程,命名为GalleryDemo. Step 3:设计UI,修改main.xml代码如下: &lt;?xml version=1.0 encoding=utf-8?&gt; &lt;LinearLayout xmlns:android=http://schemas.android. 在Android开发中，有时我们希望实现类似iPhone的滑动浏览图片的效果，这通常可以通过使用`Gallery`组件来实现。本文将介绍如何在Android平台上创建一个简单的应用，模拟iPhone的图片拖动效果。以下是对实现这一功能的关键步骤的详细解释： **Step 1: 准备图片素材** 我们需要准备一些图片作为展示的内容。在这个例子中，我们有6张图片（icon.png、icon2.png、icon3.png、icon4.png、icon5.png、icon6.png），将它们全部导入到项目的`res/drawable`目录下。这些图片将会在`Gallery`组件中显示。 **Step 2: 创建Android工程** 创建一个新的Android项目，命名为`GalleryDemo`。这可以通过Android Studio或其他IDE来完成，确保选择合适的Android SDK版本和设备配置。 **Step 3: 设计用户界面（UI）** 编辑`res/layout/main.xml`文件，添加以下布局代码，创建一个包含`TextView`和`Gallery`的垂直`LinearLayout`。`TextView`用于显示一些基本的文本，而`Gallery`组件将用于展示图片。 ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/white" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:id="@+id/myTextView01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" android:gravity="center_vertical|center_horizontal"/> <Gallery android:id="@+id/myGallery1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="bottom"/> </LinearLayout> ``` 这里，`Gallery`组件的宽度设置为`fill_parent`，高度设置为`wrap_content`，并且`gravity`设为`bottom`，以便图片从底部开始展示。 **Step 4: 编写主程序类** 创建名为`GalleryDemo`的`Activity`，并实现`BaseAdapter`的子类`ImageAdapter`，用于填充`Gallery`组件。在`GalleryDemo`类中，我们覆盖`onCreate()`方法，设置布局，并为`Gallery`分配适配器。 ```java package com.android.test; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.Gallery; import android.widget.ImageView; public class GalleryDemo extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ((Gallery) findViewById(R.id.myGallery1)).setAdapter(new ImageAdapter(this)); } public class ImageAdapter extends BaseAdapter { private Context myContext; private int[] myImageIds = {R.drawable.icon, R.drawable.icon2, R.drawable.icon3, R.drawable.icon4, R.drawable.icon5, R.drawable.icon6}; public ImageAdapter(Context c) { this.myContext = c; } @Override public int getCount() { return this.myImageIds.length; } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView = new ImageView(myContext); imageView.setImageResource(myImageIds[position]); imageView.setScaleType(ImageView.ScaleType.FIT_XY); return imageView; } } } ``` `ImageAdapter`中的`getView()`方法是关键，它为每个`Gallery`项创建一个`ImageView`，设置图片资源，并返回该视图。`setScaleType(ImageView.ScaleType.FIT_XY)`确保图片充满整个`ImageView`。 **理解关键知识点：** 1. **Gallery组件**：Android中的`Gallery`是一个可滚动的视图，可以用来展示一系列水平排列的项目，用户可以左右滑动来浏览。 2. **BaseAdapter**：这是Android中用于填充各种可滚动视图（如ListView、GridView、Gallery等）的数据适配器。它需要重写`getCount()`、`getItem()`、`getItemId()`和`getView()`方法。 3. **ImageView.ScaleType**：决定图片在`ImageView`中的缩放方式，`FIT_XY`使图片按比例填充整个视图。 4. **资源引用**：在Java代码中，使用`R.drawable`访问XML资源文件中定义的图片资源。 5. **Context**：在Android中，`Context`是应用程序环境的抽象表示，用于访问系统服务和应用程序特定的信息。 通过以上步骤，我们就成功地创建了一个简单的Android应用，可以像iPhone那样滑动浏览图片。这个应用可以作为一个基础，根据需求进行扩展，例如添加图片点击事件监听、动画效果或者更复杂的布局设计。