android listview仿ios 3dTouch效果

最近项目上要求在listview上实现类似ios 3dTouch功能，现在网上搜索一番，发现该文章很好的实现了这个功能，于是在这文章的基础上我自己做了一个改进。效果如图所示：

实现思路：

1.截取图片

 // 获取屏幕照片public static Bitmap captureScreen(Activity activity) {activity.getWindow().getDecorView().setDrawingCacheEnabled(true);Bitmap bmp = activity.getWindow().getDecorView().getDrawingCache();return bmp;}

2.做高斯模糊处理

 // 高斯模糊处理private Bitmap blur(Bitmap bitmap, float radius) {Bitmap output = Bitmap.createBitmap(bitmap); // 创建输出图片RenderScript rs = RenderScript.create(this); // 构建一个RenderScript对象ScriptIntrinsicBlur gaussianBlue = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs)); //// 创建高斯模糊脚本Allocation allIn = Allocation.createFromBitmap(rs, bitmap); // 开辟输入内存Allocation allOut = Allocation.createFromBitmap(rs, output); // 开辟输出内存gaussianBlue.setRadius(radius); // 设置模糊半径，范围0f<radius<=25fgaussianBlue.setInput(allIn); // 设置输入内存gaussianBlue.forEach(allOut); // 模糊编码，并将内存填入输出内存allOut.copyTo(output); // 将输出内存编码为Bitmap，图片大小必须注意rs.destroy(); // 关闭RenderScript对象，API>=23则使用rs.releaseAllContexts()return output;}

3.按压实现动态高斯模糊
思路：布局的时候下面一张高斯模糊的图片，上面高斯模糊的图片，对上面的图片进行动态透明度变化，这时候看效果就是动态高斯模糊了
4.在按压位置出现一个新的控件浮在上面
思路：动态添加view，通过计算点击位置获取listview的item位置，给该view设置setMargins控制其位置
5.优化
代码：

xml文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/root"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><ListViewandroid:id="@+id/test_list"android:layout_width="match_parent"android:layout_height="match_parent"></ListView><ImageViewandroid:id="@+id/image_down"android:layout_width="match_parent"android:layout_height="match_parent"/><ImageViewandroid:id="@+id/image_up"android:layout_width="match_parent"android:layout_height="match_parent"/><TextViewandroid:id="@+id/item_tv_ss"android:layout_width="match_parent"android:layout_height="50dp"android:textSize="30sp"android:background="#ffffff"/>
</RelativeLayout>

Activity文件

package memorandum.ios.csc.com.memorandum.activity;import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.renderscript.Allocation;
import android.renderscript.Element;
import android.renderscript.RenderScript;
import android.renderscript.ScriptIntrinsicBlur;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.SimpleAdapter;
import android.widget.TextView;import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;import memorandum.ios.csc.com.memorandum.R;/*** Created by csc on 17-7-31.*/
public class TestActivity extends Activity{private ListView testListView;private List<Map<String, String>> data;private ImageView imageUp, imageDown;private Bitmap sampleImg;private Bitmap gaussianBlurImg;private int count = 0;private View attachedView;private RelativeLayout rootRl;private TextView testTv;RelativeLayout.LayoutParams lp;private boolean is3DTouch = false;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//取消标题栏requestWindowFeature(Window.FEATURE_NO_TITLE);//取消状态栏getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);setContentView(R.layout.test);initData();imageUp = (ImageView) findViewById(R.id.image_up);imageDown = (ImageView) findViewById(R.id.image_down);testListView = (ListView) findViewById(R.id.test_list);testListView.setAdapter(new SimpleAdapter(this, data, R.layout.listview_item, new String[]{"name"},new int[]{R.id.item_tv}));attachedView = View.inflate(this,R.layout.listview_item,null);rootRl = (RelativeLayout) findViewById(R.id.root);testTv = (TextView)findViewById(R.id.item_tv_ss);lp = new RelativeLayout.LayoutParams(testTv.getLayoutParams());testListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {@Overridepublic boolean onItemLongClick(AdapterView<?> adapterView, View view, int i, long l) {count = 0;sampleImg = captureScreen(TestActivity.this);imageUp.setVisibility(View.VISIBLE);imageDown.setVisibility(View.VISIBLE);imageUp.setImageBitmap(sampleImg);gaussianBlurImg = blur(sampleImg, 25f);// 高斯模糊图片imageDown.setImageBitmap(gaussianBlurImg);imageUp.setImageAlpha(255);HashMap item = (HashMap)testListView.getItemAtPosition(i);String section =String.valueOf(item.get("name").toString());//get每一行的数据的名字testTv.setText(section);int[] location = new int[2] ;testListView.getChildAt(i-testListView.getFirstVisiblePosition()).getLocationOnScreen(location);lp.setMargins(0, location[1], 0, 0);testTv.setLayoutParams(lp);testTv.setVisibility(View.VISIBLE);is3DTouch = true;return false;}});testListView.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View view, MotionEvent motionEvent) {switch (motionEvent.getAction()) {case MotionEvent.ACTION_DOWN:break;case MotionEvent.ACTION_MOVE:if(is3DTouch){if (count < 255)count = count + 8;int alpha = 255 - count;if (alpha < 0)alpha = 0;imageUp.setImageAlpha(alpha);}break;case MotionEvent.ACTION_UP:if(is3DTouch){imageUp.setImageAlpha(255);testTv.setVisibility(View.GONE);imageUp.setVisibility(View.GONE);imageDown.setVisibility(View.GONE);is3DTouch = false;}break;}return false;}});}private void initData() {data = new ArrayList<Map<String, String>>();for (int i = 0; i < 20; i++) {Map<String, String> map = new HashMap<String, String>();map.put("name", "BYXD" + i);data.add(map);}}// 高斯模糊处理private Bitmap blur(Bitmap bitmap, float radius) {Bitmap output = Bitmap.createBitmap(bitmap); // 创建输出图片RenderScript rs = RenderScript.create(this); // 构建一个RenderScript对象ScriptIntrinsicBlur gaussianBlue = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs)); //// 创建高斯模糊脚本Allocation allIn = Allocation.createFromBitmap(rs, bitmap); // 开辟输入内存Allocation allOut = Allocation.createFromBitmap(rs, output); // 开辟输出内存gaussianBlue.setRadius(radius); // 设置模糊半径，范围0f<radius<=25fgaussianBlue.setInput(allIn); // 设置输入内存gaussianBlue.forEach(allOut); // 模糊编码，并将内存填入输出内存allOut.copyTo(output); // 将输出内存编码为Bitmap，图片大小必须注意rs.destroy(); // 关闭RenderScript对象，API>=23则使用rs.releaseAllContexts()return output;}// 获取屏幕照片public static Bitmap captureScreen(Activity activity) {activity.getWindow().getDecorView().setDrawingCacheEnabled(true);Bitmap bmp = activity.getWindow().getDecorView().getDrawingCache();return bmp;}}

到这里就实现了listview动态高斯模糊效果了。接下来对代码进行优化，将效果调到iphone通讯录那样，在该效果后面加个popupmenu，这个有空贴代码。

android listview仿ios 3dTouch效果相关推荐

android listview仿iphone通讯录ios 3dTouch
接上篇android listview仿ios 3dTouch效果,对代码进行整合进类似ios通讯录里面,效果图如下: . 效果如上,在上篇的内容后面跳出电话信息. popmenu布局文件代码 ...
android 按钮回弹效果,Android仿IOS回弹效果支持任何控件
本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下效果图: 导入依赖: dependencies { // ... compile 'me.everything: ...
android 布局回弹,Android仿IOS回弹效果支持任何控件
本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下效果图: 导入依赖: dependencies { // ... compile 'me.everything: ...
android菊花动画,Android实现仿iOS菊花加载圈动画效果
常见的实现方式切图,做旋转动画自定义View,绘制效果 gif图 1.切图会增加体积,但相对简单,不过在换肤的场景下,会使用不同颜色,需要准备多张图,不够灵活. 2.由于自定义的好处,不同颜色只需 ...
[纪录]仿IOS滚轮效果(竖直滑动选择器)
今天想做一个类似这样的一个效果,可是UI的模板是参考IOS做的,于是就各种百度各种搜,最后让我找到了一个仿IOS滚轮的一个Demo,稍微研究了一下,发上来,大家一起学习,以后也方便我查看,就不用再去百 ...
Android高仿iOS Messages录音操作按钮
Android高仿iOS Messages录音操作按钮目录一.目标二.功能分析三.实现效果四.实现过程五.开发过程回顾六.接下来七.Finally 前面的2次开发,分别完成了实现录音和 ...
Android安卓仿IOS音量调节-自定义view系列（4）
Android安卓仿IOS音量调节-自定义view系列功能简介主要实现步骤 xml相关属性设置 java代码 Android技术生活交流更多其他页面-自定义View-实用功能合集:点击查看 Gi ...
Android高仿iOS Messages聊天气泡
Android高仿iOS Messages聊天气泡一.目标二.功能分析三.实现代码 1. ChatItem 2. DateItem 3. TextItem 4. PhotoItem 5. Cha ...
Android—ListView Item 展开动画效果
Android-ListView Item 展开动画效果最近在做一个关于ListView item的展开效果,类似于 "粮仓" App 的商店页面,点击Item,展开显示子Vie ...

android listview仿ios 3dTouch效果

android listview仿ios 3dTouch效果相关推荐

最新文章

热门文章