简单的图片浏览器和手势识别的功能实现

最新推荐文章于 2024-07-13 23:11:02 发布
最新推荐文章于 2024-07-13 23:11:02 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： android 文章标签： 浏览器 android layout encoding class
和你一起终身学习，这里是程序员Android
本文链接：https://blog.csdn.net/wjky2014/article/details/7698782
版权

 


1.首先上布局

--------1.main.xml

<?xml version="1.0" encoding="utf-8"?>


<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridphoto"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="5dp"
    android:horizontalSpacing="5dp"
    android:columnWidth="90dp"
    android:gravity="center">
 


</GridView>



----------2.photo.xml

<?xml version="1.0" encoding="utf-8"?>
<android.gesture.GestureOverlayView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1.0"
    android:id="@+id/mygesture">"


    <ImageSwitcher
        android:id="@+id/switcher"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        />


</android.gesture.GestureOverlayView>



2.接着咱就上源码

--------1.GridViewActivity.java

package com.wang;


import android.R.integer;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.AdapterView.OnItemClickListener;


public class GridViewActivity extends Activity {
//存放图片资源
  private int  images[]={R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,
 R.drawable.p6,R.drawable.p7,R.drawable.p8,R.drawable.p9,R.drawable.p10,
 R.drawable.p11,R.drawable.p12,R.drawable.p13,R.drawable.p14,R.drawable.p15,
 R.drawable.p16,R.drawable.p17,R.drawable.p18,R.drawable.p19,R.drawable.p20,
 R.drawable.p21};
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //加载子啊lyout中添加GridView的控件
        GridView photos=(GridView)findViewById(R.id.gridphoto);
        photos.setAdapter(new photosAdapter(this));
        
        photos.setOnItemClickListener(new OnItemClickListener() {


public void onItemClick(AdapterView<?> arg0, View view, int position,
long id) {
// 跳转Activity 将图片的Id传给他
Intent intent=new Intent(GridViewActivity.this, photos.class);
intent.putExtra("position", position);
startActivity(intent);
}
        
});
    }
    // 继承BaseAdapter 添加图片的参数
    public class photosAdapter extends BaseAdapter{
private Context context;


public photosAdapter (Context c)
{
context=c;
}
public int getCount() {
// TODO Auto-generated method stub
return images.length;
}


public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}


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


public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if (convertView==null) {
// 上下左右的边框的宽度
imageView=new ImageView(context);
imageView.setPadding(4, 4, 4, 4);
//图片的显示方法（拉伸，居中，适应。等）
imageView.setLayoutParams(new GridView.LayoutParams(85,100));


imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
} else {


imageView=(ImageView)convertView;
}
imageView.setImageResource(images[position]);
return imageView;
}
    
    }
}


-----2.photos.java

package com.wang;


import java.util.ArrayList;


import android.app.Activity;
import android.content.Intent;
import android.gesture.Gesture;
import android.gesture.GestureLibraries;
import android.gesture.GestureLibrary;
import android.gesture.GestureOverlayView;
import android.gesture.Prediction;
import android.gesture.GestureOverlayView.OnGestureListener;
import android.gesture.GestureOverlayView.OnGesturePerformedListener;
import android.os.Bundle;
import android.provider.MediaStore.Images;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewSwitcher.ViewFactory;


public class photos extends Activity implements ViewFactory, OnGesturePerformedListener{
private ImageSwitcher myImageSwitcher;
//记录当前的索引值
private int currentpostion;
/*
* 图片的数量，实际应用中我们可以再GridView中，
* 通过Adapter中的getCount（）来获得，然后通过intent 传过来
* */
private static final int MAXSIZE=20;
GestureLibrary myGestureLibrary;
private int  images[]={R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,
 R.drawable.p6,R.drawable.p7,R.drawable.p8,R.drawable.p9,R.drawable.p10,
 R.drawable.p11,R.drawable.p12,R.drawable.p13,R.drawable.p14,R.drawable.p15,
 R.drawable.p16,R.drawable.p17,R.drawable.p18,R.drawable.p19,R.drawable.p20,
 R.drawable.p21};
public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       
       // 取消标题的显示
       requestWindowFeature(Window.FEATURE_NO_TITLE);
       
       setContentView(R.layout.photo);
       
       myImageSwitcher=(ImageSwitcher)findViewById(R.id.switcher);
       //调用setFactory（）方法，创建俩个图层，为ImageSwitcher过渡时使用
       myImageSwitcher.setFactory((ViewFactory) this);
       //   设置文件出现的时候的动画效果
       myImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.slide_in_left));
       //   设置文件消失时候的动画效果
       myImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.slide_out_right));
       
       //获取layout 中是手势图层
       GestureOverlayView gestureOverlayView=(GestureOverlayView)findViewById(R.id.mygesture);
       //设置图层监听
       gestureOverlayView.addOnGesturePerformedListener(this);
       //加载以创建的文件的手势
       myGestureLibrary =GestureLibraries.fromRawResource(this,R.raw.gestures);
      // 检测手势是否正确
       if (!myGestureLibrary.load()) {
Toast.makeText(photos.this, "读取文件手势出错，程序可能无法正常运行", Toast.LENGTH_LONG).show();

}
       
      // 获取携带的意图 
       Intent  intent =getIntent();
         int index=intent.getIntExtra("position", 0);
         currentpostion=index;
         //通过传递过来的值，设定当前所需要显示的图片
         myImageSwitcher.setImageResource(images[index]);
 
}
// 大图显示
public View makeView(){
ImageView i=new ImageView(this);
i.setBackgroundColor(0xFF000000);
// 设置图片显示的格式
i.setScaleType(ImageView.ScaleType.FIT_CENTER);
//设置全局显示
i.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
 
return i;
 
}


public void onGesturePerformed(GestureOverlayView overlay, Gesture gesture) {

// 将用户已经建好的手势与用户的手势进行对比，后存放在list中
ArrayList<Prediction> predictions=myGestureLibrary.recognize(gesture);
if (predictions.size()>0) {
Prediction prediction=(Prediction) predictions.get(0);
//判断是否相似
if (prediction.score>1.0) {

if ("R".equals(prediction.name)) {

//判断是否是最后一张图片，用于提示用户
if (currentpostion==MAXSIZE) {
Toast.makeText(photos.this, "已经显示到最后一张了", Toast.LENGTH_LONG).show();

}else {
++currentpostion;
                     myImageSwitcher.setImageResource(images[currentpostion]);
}
}
//在第一张的时候，同样需要判断，如果是第一张，提示一下
if ("Leftrun".equals(prediction.name)) {
//判断是否是第一张图片，用于提示用户
if (currentpostion==0) {
Toast.makeText(photos.this, "已经显示到第一张了", Toast.LENGTH_LONG).show();

}else {
--currentpostion;
                     myImageSwitcher.setImageResource(images[currentpostion]);
}

}
}
} 
}
}


3.亲、别忘了加Activity的权限哦！

 <activity  android:name=".photos"
            android:label="@string/photos" > </activity>
    </application>

4.最重要的手势识别，GestureBuilder 手势的定义

      关于解决GestureBuilder 的方法如下  1.6以上的版本都自带有GestureBuilder ，我用的是2.3.3的版本位置如下

      我的是在H:\android\android-sdk_r10-windows\android-sdk-windows\samples\android-13

       不过找到后并不可以用，必须先建立一个android的工程  然后把GestureBuilder 复制到所建的工程中，运行一下会有错，解决方法如下，cmd进入dos下进入自己的platform-tools  我的是H:\android\android-sdk_r10-windows\android-sdk-windows\platform-tools  输入命令adb uninstall com.android.gesture.builder 进行卸载，然后运行一下就可以了

5.在屏幕上画出自定义的手势 如下：


6.运行结果如下：


7.代码下载地址：http://download.csdn.net/detail/wjky2014/4398775

程序员Android
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
手势识别实现
02-26
在`GestureDetectorDemo`中，开发者可能创建了一个自定义的`GestureDetector`实例，然后重写这些接口的方法，如`onDown()`, `onFling()`, `onSingleTapUp()`等，来实现手势识别的功能。 2. **GestureOverlayView** ...
图片浏览器
07-09
3. **手势识别**：滑动切换图片、双击放大等手势识别是图片浏览器的基本功能，需要利用UIKit框架中的UIPanGestureRecognizer和UITapGestureRecognizer等手势识别器。 4. **视图控制器**：在iOS开发中，图片浏览器...
浏览器手势识别原理
jacke121的专栏
05-28 1323
浏览器市场百家争鸣、百花齐放，每款浏览器都有自己的特色和亮点，但是基本功能都相差不大，其中一个比较通用的功能就是浏览器的鼠标手势，而且鼠标手势一般由8个中的两个或多个组成。例如淘宝浏览器的【回底部】是由组成，【刷新】是由组成。 鼠标手势在很多浏览器都有广泛使用，有浏览器自带的，可以直接使用，如360浏览器、sogou浏览器，也有需要用户安装扩展才能用的，如Chrome、Opera。鼠标手势之所以得到广大用户的亲睐，与其简单、作用范围广、功能常用有很大的关系。但是很少人知道鼠标手势的鼻祖是Opera浏览..
Android：手势滑动实现图片浏览器应用
沐雨风栉
05-03 1504
本文将详细介绍如何在Android应用中实现一个图片浏览器，用户可以通过手势滑动来切换图片。我们将使用GestureDetector类来处理手势滑动事件。在这篇文章中，我们学习了如何在Android应用中实现一个图片浏览器，用户可以通过手势滑动来切换图片。我们使用了GestureDetector类来处理手势滑动事件，并使用ImageView来显示图片。希望这篇文章对你的Android开发有所帮助。
利用 Chrome 浏览器来模拟手势
weixin_30376453的博客
08-04 1159
现在移动端的应用可谓是越来越火爆了，随着 HTML5 和 CSS3 的诞生，那么移动端的网页也越来越普遍了，那么有时候开发人员制作移动网页的时候，有时候要模拟手机的手势来测试自己写的程序代码，却苦苦寻求不到自己合适的模拟器。那么在这里我将介绍一种谷歌触屏模拟器的插件，让开发者更好的开发自己的手机端的网页。 操作一： 按下键盘按键 F12 调出控制台； 操作二： 操作三...
手势识别 -- 遨游浏览器所见所想 android的Binder机制
学习记录
11-18 1449
android手势识别 前几天发现遨游android手机浏览器有手势识别的功能，这个相当不错，还可以自定义手势功能。比如画个形状就可以前进，后退，关闭当前窗口等操作，简直太方便了，在移动客户端上进行这种操作就是很爽的。 那么到底在android平台上如何实现手势识别呢？如果实现用户自定义手势呢？这个肯定不是那么容易的。 今天无意中看到这个博客，写了很多，应该有参考价值，有空要实现一下
手势动态识别（基于opencv的简单实现）
热门推荐
借你一秒
06-28 2万+
http://blog.csdn.net/anqing715/article/details/17653709 手势动态识别（基于opencv的简单实现） 先看下效果图 只能在离摄像头20~40CM，亮度不高的环境下使用。（当然你也可以自己加个控制条来控制手部的识别） 没有颜色直方图，没用到粒子滤波，也没有隐可马尔夫模
Android自定义Gallery控件实现3D图片浏览器
08-27
4. 可选：添加平滑滚动、预加载和手势识别等功能。 通过以上步骤，我们就能为用户构建一个独特的3D图片浏览体验。这种自定义控件的方法不仅展示了Android开发的灵活性，也为用户界面设计提供了无限可能。
android超炫的图片浏览器.rar
05-30
3. **手势识别**：图片浏览器通常支持用户的手势操作，如双击放大、捏合缩放、平移等。这需要实现GestureDetector和ScaleGestureDetector来监听和处理这些手势。 4. **滑动切换效果**：为了实现平滑的图片切换，...
安卓图片浏览器源码
08-13
【安卓图片浏览器源码】...综上所述，安卓图片浏览器源码是一个综合了图像处理、手势识别、视图滑动和用户交互等多个Android开发核心技能的项目。学习并理解这个源码有助于开发者提升在Android图像应用开发方面的能力。
图片浏览--支持上下翻页
11-16
jquery插件图片浏览，支持上下翻页，模仿qq相册
Chrome6.5.7-谷歌浏览器手势插件
10-19
Chrome6.5.7-浏览器手势插件-完全符合国人习惯-比谷歌商城中的好用N倍 留下您的评价,让更多人看到,为他人行方便!
手势动态识别
03-18
手势动态识别，通过调用摄像头对手势进行简单的识别。
让网页具备浏览器识别功能
zgqtxwd的专栏
05-01 385
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
展开说说：Android之View基础知识解析
最新发布
Hidanchaofan的博客
07-13 632
View虽不属于Android四代组件，但应用程度却非常非常广泛。在Android客户端，君所见之处皆是View。我们看到的Button、ImageView、TextView等等可视化的控件都是View，ViewGroup是View的子类因此它也是View。但是现在我们把View和ViewGroup当成两个类来看待，ViewGroup可以容纳View和ViewGroup，但View不可以再容纳其他View或ViewGroup，这种容纳的关系可以一直延伸仿佛一棵大树，从内而外有了父子关系，因此有个概念叫做Vi

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员Android

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值