(Android) 单击屏幕事件和滑动屏幕事件共存的解决方案
2013-11-19 11:14
351 查看
(Android) 单击屏幕事件和滑动屏幕事件共存的解决方案
2012-08-21 14:54:37 我来说两句 作者：lyb2518
收藏
我要投稿
实现功能：布局文件中有两个控件，分别是ImageSwitcher和Gallery控件，Gallery默认的情况下是不可见的。当进入程序的界面时，如果滑动屏幕，会切换到下一张或者前一张图片，根据你滑动屏幕的方向来判断，当单击屏幕时，会显示Gallery控件，再单击屏幕时，会隐藏Gallery控件，这个问题不是我自己解决的，通过论坛提问，AMinfo帮我解决的，感谢他。
心得：我解决这个问题的方案是：要实现两个监听器，分别是：OnTouchListener和OnGestureListener，怎么尝试都无法区分单击屏幕和滑动屏幕动作。AMinfo的解决方案是在OnTouchListener的重写onTouch方法中添加如下的代码，如果我在一个人这样做下去，我都不知道什么时候完成这么一个小功能呢？让我明白需要大家帮助的时候，不可一意孤行，不但浪费时间，而且伤身啊，当然，自己也要先想想怎么去解决这个问题喽。
[java]
// 数字4和数字0分别表示的是不可见和可见，
// 也可以使用View.INVISIBLE和View.VISIBLE来代替数字.
else
{
if (gallery.getVisibility() == 4)
gallery.setVisibility(0);
else
gallery.setVisibility(4);
}
下面，贴上完整的小应用代码：
Album.java，项目中要用到的图片自己提供哦
[java]
package com.treasure.ui;
import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Gallery.LayoutParams;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;
/**
* 实现相册浏览功能
*/
public class Album extends Activity implements OnItemSelectedListener, ViewFactory, OnTouchListener
{
private ImageSwitcher imageSwitcher;
private Gallery gallery;
private int selectedTag = 0;
private int downX, upX;
private Integer [] imagesId = new Integer[]{R.drawable.b, R.drawable.c, R.drawable.d,
R.drawable.f, R.drawable.g};
private Integer [] selectId = new Integer[]{R.drawable.b, R.drawable.c, R.drawable.d,
R.drawable.f, R.drawable.g};
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
imageSwitcher = (ImageSwitcher)findViewById(R.id.switcher);
imageSwitcher.setFactory(this);
//设置图片切换时的动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
imageSwitcher.setOnTouchListener(this);
gallery = (Gallery)findViewById(R.id.gallery);
//自定义ImageAdapter继承于BaseAdapter，是一个内部类
gallery.setAdapter(new ImageAdapter(this));
gallery.setOnItemSelectedListener(this);
}
@Override
public View makeView()
{
ImageView image = new ImageView(this);
image.setScaleType(ImageView.ScaleType.FIT_XY);
image.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return image;
}
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
long arg3)
{
selectedTag = arg2;
imageSwitcher.setImageResource(imagesId[arg2]);
}
@Override
public void onNothingSelected(AdapterView<?> arg0)
{}
public class ImageAdapter extends BaseAdapter
{
private Context context;
int galleryItemBackground;
public ImageAdapter (Context c)
{
context = c;
TypedArray typeArray = obtainStyledAttributes(R.styleable.Gallery);
galleryItemBackground = typeArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);
typeArray.recycle();
}
@Override
public int getCount()
{
//返回selectId[]的长度
return selectId.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(context);
//设置资源图片
imageView.setImageResource(selectId[position]);
imageView.setAdjustViewBounds(true); //允许调整边框
//设定底部画廊，自适应大小
imageView.setLayoutParams(new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
//设置画廊背景
imageView.setBackgroundResource(galleryItemBackground);
return imageView;
}
}
@Override
public boolean onTouch(View v, MotionEvent event)
{
if (event.getAction() == MotionEvent.ACTION_DOWN)
{
downX = (int)event.getX(); // 取得按下时的坐标x
return true;
}
else if (event.getAction() == MotionEvent.ACTION_UP)
{
upX = (int)event.getX(); // 取得松开时的坐标x;
if (upX - downX > 100)
{
// 从左拖到右，即看前一张
// 如果是第一，则去到尾部
if (gallery.getSelectedItemPosition() == 0)
selectedTag = gallery.getCount() - 1;
else
selectedTag = gallery.getSelectedItemPosition() - 1;
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_right_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_right_out));
}
else if (downX - upX > 100)
{
// 从右拖到左，即看后一张
// 如果是最后，则去到第一
if (gallery.getSelectedItemPosition()
== (gallery.getCount() - 1))
selectedTag = 0;
else
selectedTag = gallery.getSelectedItemPosition() + 1;
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_left_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_left_out));
}
else
{
if (gallery.getVisibility() == 4)
gallery.setVisibility(0);
else
gallery.setVisibility(4);
}
// 改变gallery图片所选，自动触发ImageSwitcher的setOnItemSelectedListener
gallery.setSelection(selectedTag, true);
return true;
}
return false;
}
}
res\layout\main.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageSwitcher android:id="@+id/switcher"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>
<Gallery android:id="@+id/gallery"
android:layout_width="fill_parent"
android:layout_alignParentLeft="true"
android:layout_height="150dp"
android:spacing="10dp"
android:layout_alignParentBottom="true"
android:gravity="center_vertical"
android:visibility="invisible"/>
</RelativeLayout>
res\values\attrs.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="Gallery">
<attr name="android:galleryItemBackground" />
</declare-styleable>
</resources>
res\anim\push_left_in.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 左进渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="100%p"
android:toXDelta="0" />
<alpha
android:duration="1500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
</set>
res\anim\push_left_out.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 右出渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="0"
android:toXDelta="-100%p" />
<alpha
android:duration="1500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
res\anim\push_right_in.xml
[html] view plaincopyprint?
<?xml version="1.0" encoding="utf-8"?>
<!-- 右进渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="-100%p"
android:toXDelta="0" />
<alpha
android:duration="1500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
</set>
res\anim\push_right_out.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 右出渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="0"
android:toXDelta="100%p" />
<alpha
android:duration="1500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
效果 图：
进入界面没有单击屏幕，默认是隐藏Gallery
进入界面，当单击屏幕，会显示Gallery
向右滑动时，显示下一张图片
向左滑动时，显示上一张图片
2012-08-21 14:54:37 我来说两句 作者：lyb2518
收藏
我要投稿
实现功能：布局文件中有两个控件，分别是ImageSwitcher和Gallery控件，Gallery默认的情况下是不可见的。当进入程序的界面时，如果滑动屏幕，会切换到下一张或者前一张图片，根据你滑动屏幕的方向来判断，当单击屏幕时，会显示Gallery控件，再单击屏幕时，会隐藏Gallery控件，这个问题不是我自己解决的，通过论坛提问，AMinfo帮我解决的，感谢他。
心得：我解决这个问题的方案是：要实现两个监听器，分别是：OnTouchListener和OnGestureListener，怎么尝试都无法区分单击屏幕和滑动屏幕动作。AMinfo的解决方案是在OnTouchListener的重写onTouch方法中添加如下的代码，如果我在一个人这样做下去，我都不知道什么时候完成这么一个小功能呢？让我明白需要大家帮助的时候，不可一意孤行，不但浪费时间，而且伤身啊，当然，自己也要先想想怎么去解决这个问题喽。
[java]
// 数字4和数字0分别表示的是不可见和可见，
// 也可以使用View.INVISIBLE和View.VISIBLE来代替数字.
else
{
if (gallery.getVisibility() == 4)
gallery.setVisibility(0);
else
gallery.setVisibility(4);
}
下面，贴上完整的小应用代码：
Album.java，项目中要用到的图片自己提供哦
[java]
package com.treasure.ui;
import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Gallery.LayoutParams;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;
/**
* 实现相册浏览功能
*/
public class Album extends Activity implements OnItemSelectedListener, ViewFactory, OnTouchListener
{
private ImageSwitcher imageSwitcher;
private Gallery gallery;
private int selectedTag = 0;
private int downX, upX;
private Integer [] imagesId = new Integer[]{R.drawable.b, R.drawable.c, R.drawable.d,
R.drawable.f, R.drawable.g};
private Integer [] selectId = new Integer[]{R.drawable.b, R.drawable.c, R.drawable.d,
R.drawable.f, R.drawable.g};
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
imageSwitcher = (ImageSwitcher)findViewById(R.id.switcher);
imageSwitcher.setFactory(this);
//设置图片切换时的动画效果
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
imageSwitcher.setOnTouchListener(this);
gallery = (Gallery)findViewById(R.id.gallery);
//自定义ImageAdapter继承于BaseAdapter，是一个内部类
gallery.setAdapter(new ImageAdapter(this));
gallery.setOnItemSelectedListener(this);
}
@Override
public View makeView()
{
ImageView image = new ImageView(this);
image.setScaleType(ImageView.ScaleType.FIT_XY);
image.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
return image;
}
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2,
long arg3)
{
selectedTag = arg2;
imageSwitcher.setImageResource(imagesId[arg2]);
}
@Override
public void onNothingSelected(AdapterView<?> arg0)
{}
public class ImageAdapter extends BaseAdapter
{
private Context context;
int galleryItemBackground;
public ImageAdapter (Context c)
{
context = c;
TypedArray typeArray = obtainStyledAttributes(R.styleable.Gallery);
galleryItemBackground = typeArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0);
typeArray.recycle();
}
@Override
public int getCount()
{
//返回selectId[]的长度
return selectId.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(context);
//设置资源图片
imageView.setImageResource(selectId[position]);
imageView.setAdjustViewBounds(true); //允许调整边框
//设定底部画廊，自适应大小
imageView.setLayoutParams(new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
//设置画廊背景
imageView.setBackgroundResource(galleryItemBackground);
return imageView;
}
}
@Override
public boolean onTouch(View v, MotionEvent event)
{
if (event.getAction() == MotionEvent.ACTION_DOWN)
{
downX = (int)event.getX(); // 取得按下时的坐标x
return true;
}
else if (event.getAction() == MotionEvent.ACTION_UP)
{
upX = (int)event.getX(); // 取得松开时的坐标x;
if (upX - downX > 100)
{
// 从左拖到右，即看前一张
// 如果是第一，则去到尾部
if (gallery.getSelectedItemPosition() == 0)
selectedTag = gallery.getCount() - 1;
else
selectedTag = gallery.getSelectedItemPosition() - 1;
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_right_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_right_out));
}
else if (downX - upX > 100)
{
// 从右拖到左，即看后一张
// 如果是最后，则去到第一
if (gallery.getSelectedItemPosition()
== (gallery.getCount() - 1))
selectedTag = 0;
else
selectedTag = gallery.getSelectedItemPosition() + 1;
imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_left_in));
imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.push_left_out));
}
else
{
if (gallery.getVisibility() == 4)
gallery.setVisibility(0);
else
gallery.setVisibility(4);
}
// 改变gallery图片所选，自动触发ImageSwitcher的setOnItemSelectedListener
gallery.setSelection(selectedTag, true);
return true;
}
return false;
}
}
res\layout\main.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageSwitcher android:id="@+id/switcher"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>
<Gallery android:id="@+id/gallery"
android:layout_width="fill_parent"
android:layout_alignParentLeft="true"
android:layout_height="150dp"
android:spacing="10dp"
android:layout_alignParentBottom="true"
android:gravity="center_vertical"
android:visibility="invisible"/>
</RelativeLayout>
res\values\attrs.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="Gallery">
<attr name="android:galleryItemBackground" />
</declare-styleable>
</resources>
res\anim\push_left_in.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 左进渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="100%p"
android:toXDelta="0" />
<alpha
android:duration="1500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
</set>
res\anim\push_left_out.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 右出渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="0"
android:toXDelta="-100%p" />
<alpha
android:duration="1500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
res\anim\push_right_in.xml
[html] view plaincopyprint?
<?xml version="1.0" encoding="utf-8"?>
<!-- 右进渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="-100%p"
android:toXDelta="0" />
<alpha
android:duration="1500"
android:fromAlpha="0.1"
android:toAlpha="1.0" />
</set>
res\anim\push_right_out.xml
[html]
<?xml version="1.0" encoding="utf-8"?>
<!-- 右出渐变效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="1500"
android:fromXDelta="0"
android:toXDelta="100%p" />
<alpha
android:duration="1500"
android:fromAlpha="1.0"
android:toAlpha="0.1" />
</set>
效果 图：
进入界面没有单击屏幕，默认是隐藏Gallery
进入界面，当单击屏幕，会显示Gallery
向右滑动时，显示下一张图片
向左滑动时，显示上一张图片
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ANDROID中自定义的加载对话框和加载条
- ANDROID类似于滚动的通知栏实现
- Android 代码自动提示功能
- Android学习笔记进阶19之给图片加边框
- Android学习笔记进阶20之得到图片的缩略图
- Android安装包apk文件在某些版本操作系统上安装解析包出错问题的解决办法
- Android学习笔记之详细讲解画圆角图片
- Android学习笔记进阶之在图片上涂鸦(能清屏)
- android 实现zip文件的解压
- Android 滑动切换页面-ViewFlipper
- Android异步消息处理机制完全解析，带你从源码的角度彻底理解
- android 性能优化
- Android4.2.2 Gallery2源码分析(1)——从布局入手 .
- Android中集成第三方软件包（.jar, .so）
- iOS的 context 和Android 中的 canvas
- Android获取ROOT权限的实例代码
- Android百度地图之显示地图
- Android的图片叠加
- Android TouchEvent 分发流程
- Android 获取下载文件的真实名字