从头开始敲代码之《从BaseApplication/Activity开始（四）》

转载请注明出处：王亟亟的大牛之路

早上无聊看以前下的一大堆资料，发现一个用JNI实现的模糊效果，效果都差不多，但是对JNI的不熟悉让我不太推荐这种办法（不了解的总不方便，调试，修改都是）
然后在Git上找到个不错的实现，还是分2种的，应对于各种需要。

这一篇文章会介绍什么

1.模糊视图处理

2.线程操作优化

1.Renderscript
2.FastBlur

效果图

布局：

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

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/picture"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop" />

    <LinearLayout
        android:id="@+id/controls"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#7f000000"
        android:orientation="vertical"
        android:layout_gravity="bottom"/>

    <TextView
        android:id="@+id/text"
        android:gravity="center_horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="测试用的字"
        android:textColor="@android:color/black"
        android:layout_gravity="center"
        android:textStyle="bold"
        android:textSize="48sp" />
</FrameLayout>

并不是自定义控件，而是对图像本身进行了操作。

1.创建了一个空的bitmap，把背景的一部分复制进去，之后我会对这个bitmap进行模糊处理并设置为TextView的背景。

2.通过这个bitmap保存Canvas的状态；

3.在父布局文件中把Canvas移动到TextView的位置；

4.把ImageView的内容绘到bitmap中；

5.此时，我们就有了一个和TextView一样大小的bitmap，它包含了ImageView的一部分内容，也就是TextView背后一层布局的内容；

6.创建一个Renderscript的实例；

7.把bitmap复制一份到Renderscript需要的数据片中；

8.创建Renderscript模糊处理的实例；

9.设置输入，半径范围然后进行模糊处理；

10.把处理后的结果复制回之前的bitmap中；

11.已经把bitmap进行模糊处理了，可以将它设置为TextView背景了；

2种形式在ViewPager中分别实现，RSBlurFragment，FastBlurFragment

FuzzyActivity（容器）

public class FuzzyActivity extends FragmentActivity {

        private CustomPagerAdapter pagerAdapter;
        private RSBlurFragment rsBlurFragment;
        private FastBlurFragment fastBlurFragment;

        private ViewPager viewPager;
        private ArrayList<Fragment> fragments ;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_fuzzy_layout);
            fragments = new ArrayList<Fragment>();
            rsBlurFragment=new RSBlurFragment();
            fastBlurFragment=new FastBlurFragment();
            fragments.add(rsBlurFragment);
            fragments.add(fastBlurFragment);

            pagerAdapter =
                    new CustomPagerAdapter(
                            getSupportFragmentManager(),fragments);
            viewPager = (ViewPager) findViewById(R.id.pager);
            viewPager.setAdapter(pagerAdapter);
            viewPager.setPageTransformer(true, new ZoomOutPageTransformer());

            viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                }

                @Override
                public void onPageSelected(int position) {
                }

                @Override
                public void onPageScrollStateChanged(int state) {

                }
            });
        }

        public class CustomPagerAdapter extends FragmentStatePagerAdapter {
            private ArrayList<Fragment> fragments ;

            public CustomPagerAdapter(FragmentManager fm) {
                super(fm);

            }

            public CustomPagerAdapter(FragmentManager fm,ArrayList<Fragment> fragments) {
                super(fm);
                this.fragments=fragments;
            }

            @Override
            public Fragment getItem(int i) {
                return fragments.get(i);
            }

            @Override
            public int getCount() {
                return fragments.size();
            }

            @Override
            public CharSequence getPageTitle(int position) {
                return fragments.get(position).toString();
            }
        }
    }

RSBlurFragment

public class RSBlurFragment extends Fragment {
    private ImageView image;
    private TextView maimai;
    private TextView statusText;
    private CheckBox downScale;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.blur_layout, container, false);
        image = (ImageView) view.findViewById(R.id.picture);
        maimai = (TextView) view.findViewById(R.id.text);
        image.setImageResource(R.drawable.fuzzybg);
        statusText = addStatusText((ViewGroup) view.findViewById(R.id.controls));
        addCheckBoxes((ViewGroup) view.findViewById(R.id.controls));
        applyBlur();
        return view;
    }

    private void applyBlur() {
        image.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                image.getViewTreeObserver().removeOnPreDrawListener(this);
                image.buildDrawingCache();

                Bitmap bmp = image.getDrawingCache();
                blur(bmp, maimai);
                return true;
            }
        });
    }

    @TargetApi(Build.VERSION_CODES.KITKAT)
    private void blur(Bitmap bkg, View view) {
        long startMs = System.currentTimeMillis();

        float scaleFactor = 1;
        float radius = 20;

        if (downScale.isChecked()) {
            scaleFactor = 8;
            radius = 2;
        }

        Bitmap overlay = Bitmap.createBitmap((int) (view.getMeasuredWidth() / scaleFactor),
                (int) (view.getMeasuredHeight() / scaleFactor), Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(overlay);

        canvas.translate(-view.getLeft() / scaleFactor, -view.getTop() / scaleFactor);
        canvas.scale(1 / scaleFactor, 1 / scaleFactor);
        Paint paint = new Paint();
        paint.setFlags(Paint.FILTER_BITMAP_FLAG);
        canvas.drawBitmap(bkg, 0, 0, paint);

        RenderScript rs = RenderScript.create(getActivity());

        Allocation overlayAlloc = Allocation.createFromBitmap(
                rs, overlay);

        ScriptIntrinsicBlur blur = ScriptIntrinsicBlur.create(
                rs, overlayAlloc.getElement());

        blur.setInput(overlayAlloc);

        blur.setRadius(radius);

        blur.forEach(overlayAlloc);

        overlayAlloc.copyTo(overlay);

        view.setBackground(new BitmapDrawable(
                getResources(), overlay));

        rs.destroy();
        statusText.setText(System.currentTimeMillis() - startMs + "ms");
    }

    @Override
    public String toString() {
        return "RenderScript";
    }

    private TextView addStatusText(ViewGroup container) {
        TextView result = new TextView(getActivity());
        result.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        result.setTextColor(0xFFFFFFFF);
        container.addView(result);
        return result;
    }

    private void addCheckBoxes(ViewGroup container) {
        downScale = new CheckBox(getActivity());
        ViewGroup.LayoutParams lp = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT);
        downScale.setLayoutParams(lp);
        downScale.setText("Downscale before blur");
        downScale.setVisibility(View.VISIBLE);
        downScale.setTextColor(0xFFFFFFFF);
        downScale.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                applyBlur();
            }
        });
        container.addView(downScale);
    }
}

FastBlurFragment

public class FastBlurFragment extends Fragment {
    private final String DOWNSCALE_FILTER = "downscale_filter";

    private ImageView image;
    private TextView text;
    private CheckBox downScale;
    private TextView statusText;

    ExecutorService singleThreadExecutor = Executors.newSingleThreadExecutor();

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.blur_layout, container, false);
        image = (ImageView) view.findViewById(R.id.picture);
        text = (TextView) view.findViewById(R.id.text);
        image.setImageResource(R.drawable.fuzzybg);
        statusText = addStatusText((ViewGroup) view.findViewById(R.id.controls));
        addCheckBoxes((ViewGroup) view.findViewById(R.id.controls));

        if (savedInstanceState != null) {
            downScale.setChecked(savedInstanceState.getBoolean(DOWNSCALE_FILTER));
        }
        LogUtils.d("------<onCreateView  "+Thread.currentThread().getName());
        initImage();
        return view;
    }

    private void initImage(){
        singleThreadExecutor.execute(new SonThread());
    }

    private void applyBlur() {
        image.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                image.getViewTreeObserver().removeOnPreDrawListener(this);
                image.buildDrawingCache();

                Bitmap bmp = image.getDrawingCache();
                blur(bmp, text);
                return true;
            }
        });
    }

    private void blur(Bitmap bkg, View view) {
        long startMs = System.currentTimeMillis();
        float scaleFactor = 1;
        float radius = 20;
        if (downScale.isChecked()) {
            scaleFactor = 8;
            radius = 2;
        }

        Bitmap overlay = Bitmap.createBitmap((int) (view.getMeasuredWidth()/scaleFactor),
                (int) (view.getMeasuredHeight()/scaleFactor), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(overlay);
        canvas.translate(-view.getLeft()/scaleFactor, -view.getTop()/scaleFactor);
        canvas.scale(1 / scaleFactor, 1 / scaleFactor);
        Paint paint = new Paint();
        paint.setFlags(Paint.FILTER_BITMAP_FLAG);
        canvas.drawBitmap(bkg, 0, 0, paint);

        overlay = FastBlur.doBlur(overlay, (int) radius, true);
        view.setBackground(new BitmapDrawable(getResources(), overlay));
        statusText.setText(System.currentTimeMillis() - startMs + "ms");
    }

    @Override
    public String toString() {
        return "Fast blur";
    }

    private void addCheckBoxes(ViewGroup container) {

        downScale = new CheckBox(getActivity());
        FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.WRAP_CONTENT, FrameLayout.LayoutParams.WRAP_CONTENT);
        downScale.setLayoutParams(lp);
        downScale.setText("Downscale before blur");
        downScale.setVisibility(View.VISIBLE);
        downScale.setTextColor(0xFFFFFFFF);
        downScale.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                singleThreadExecutor.execute(new SonThread());
                LogUtils.d("------<addCheckBoxes  " + Thread.currentThread().getName());
            }
        });
        container.addView(downScale);
    }

    private TextView addStatusText(ViewGroup container) {
        TextView result = new TextView(getActivity());
        result.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        result.setTextColor(0xFFFFFFFF);
        container.addView(result);
        return result;
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        outState.putBoolean(DOWNSCALE_FILTER, downScale.isChecked());
        super.onSaveInstanceState(outState);
    }

    class SonThread implements Runnable{
        public void run() {
            LogUtils.d("------<sonThread  "+Thread.currentThread().getName());
            applyBlur();
        }
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        singleThreadExecutor.shutdown();
    }
}

运行效果：

顺便提一下版本的问题，ScriptIntrinsicBlur只支持API17以上，也可以用Renderscript的support lib降低一些API版本的要求

实现的理论在上面已经列明了，来说下为什么在FastBlur的实现过程中使用线程操作。

我们知道在Android中渲染一帧的时间应该不超过16ms（60fps），但如果在UI线程中做模糊处理就会让帧率降到了17fps。显然这是不可接受的，我们需要把这个操作移到子线程中操作了。

然后就是说下 ExecutorService singleThreadExecutor = Executors.newSingleThreadExecutor();

少侠们我们一定要放弃new Thread …….一系列啊

诸如：

new Thread(new Runnable() {

    @Override
    public void run() {}

}).start();

1.每次新建对象性能差。
2. 线程缺乏统一管理，可能无限制新建线程，相互之间竞争，及可能占用过多系统资源导致死机或oom。
3. 缺乏更多功能，如定时执行、定期执行、线程中断。

用Executors提供四种线程池可以更好的方便我们去管理我们的线程

1.newCachedThreadPool创建一个可缓存线程池，如果线程池长度超过处理需要，可灵活回收空闲线程，若无可回收，则新建线程。

2.newFixedThreadPool 创建一个定长线程池，可控制线程最大并发数，超出的线程会在队列中等待。

3.newScheduledThreadPool 创建一个定长线程池，支持定时及周期性任务执行。

4.newSingleThreadExecutor 创建一个单线程化的线程池，它只会用唯一的工作线程来执行任务，保证所有任务按照指定顺序(FIFO, LIFO, 优先级)执行。

使用方法跟我代码中差不多但是，一定会更高效，更合理。

周末愉快！！
源码地址：http://yunpan.cn/cHfZLUjzGbZ4e 访问密码 b78e

分析的出处http://trickyandroid.com/advanced-blurring-techniques/

时间： 2024-08-03 02:51:00

从头开始敲代码之《从BaseApplication/Activity开始（四）》的相关文章

从头开始敲代码之《从BaseApplication/Activity开始（三）》

转载请注明出处:王亟亟的大牛之路上一篇写了对蓝牙,对NFC的监听实现,今天我们又给我们的BaseActivity加了一个<include>的操作以及实现了一个界面,上一篇请点击这里:从头开始敲代码之<从BaseApplication/Activity开始(二)> 总觉得,做事得有自己对自己所从事内容的理解,也许这不会让我们多挣钱,但我觉得会让我们活得明白 OK,那我们说下这篇我们做哪些点: 1.给我们的BaseActivity增添一个通用"TitleBar"

从头开始敲代码之《从BaseApplication/Activity开始》

转载请注明出处王亟亟的大牛之路其安易持,其未兆易谋:其脆易泮,其微易散.为之于未有,治之于未乱.合抱之木,生于毫末:九层之台,起于垒土:千里之行,始于足下.为者败之,执者失之.是以圣人无为故无败,无执故无失.民之从事,常于几成而败之.慎终如始,则无败事.是以圣人欲不欲,不贵难得之货,学不学,复众人之所过,以辅万物之自然而不敢为. 作为系列专题的第一篇,这一篇文章属于小难产,中间夹杂着一些工作上的事,一些蛋疼的事(学车之类的),说实在的,做了Coder之后发现业余时间还真不是太多....唉...

从头开始敲代码之《从BaseApplication/Activity开始（五）》（自定义控件，实现点击/滑动翻页）

转载请注明出处:王亟亟的大牛之路开场白惯用鼓励诗句: 黑发不知勤学早,白首方悔读书迟. -- 颜真卿<劝学诗> 这一系列的博文这是第五篇了,感谢大家的支持以及陪伴,往后我也会继续努力写出高质量的内容,谢谢今天上的是一个自定义View,新鲜出炉,先上下效果(是一张张截图拼接的Gif动画都看不出来了,大家理解就行可以下Demo跑) 样例分析(最简单的描述了) 黑色线条是我们的手机红色是我们自定义的"TitleBar" 蓝色是我们的自定义布局紫色是自定义布局填充的内容我

从头开始敲代码之《从BaseApplication/Activity开始（二）》

转载请注明出处:王亟亟的大牛之路愿意花时间写东西不容易,人啊,都是有血有肉有思想的,借鉴是学习,纯Copy就不好了,谢谢部分资料参考于网上. <赠梁任父同年>黄遵宪寸寸河山寸寸金,侉离分裂力谁任? 杜鹃再拜忧天泪,精卫无穷填海心. 上一篇我们讲到了简易的封装对我们提高效率的好处,这一篇继续写下去,如果第一篇没看过的希望能看下,方便理解.链接:亟亟在安卓的进阶实例这一次我们利用最基本的Activity生命周期中的方法,来对用户蓝牙进行识别操作,并在过程中考虑用户层面的操作理解,顺便补充

学做界面#-想学做界面的信息安全专业的会敲代码的色影丝小学渣

问题描述想学做界面的信息安全专业的会敲代码的色影丝小学渣自身具备的艺术素养对做出优质的界面有助推作用吗?我对别人做的界面的构图位置美观吧啦吧啦很敏感,脑中会形成一个自己感觉更舒服的界面版式,这对做出优质的界面有助推作用吗,还是小学生胡思乱想了,第一次提问,求指示,轻喷. 解决方案有艺术细胞是好事.但是如果过于强调这个,而忽略了系统的学习.理性和理论,那么是没什么好处的. 一个靠直觉和自发得到的经验而进行界面设计的人,可能你能设计用户群体和你本人有着相同背景的简单的小软件. 但是一个前端交互

编程题-敲代码时真不想再用大小写交换了，如何让首字母置为大写

问题描述敲代码时真不想再用大小写交换了,如何让首字母置为大写一段可以将由大于等于一个单词组成的字符串中的每个单词的首字母置为大写状态的源代码?诸位的想法是什么可以在下面留言看看解决方案现有的编辑工具应该只会按英文的规则进行大小写自动转换,如果你想要你定制的每个英文单词的首字母大写,就可能自己做一个简单的编辑软件来实现. 另外,你可以换编码风格,按 linux 的风格是不需要大写字母的. 解决方案二: 在C++中可以用string类中的字符转换. 解决方案三: 你是写代码实现,还是希望

编程-visual studio敲代码时字母显示效果

问题描述 visual studio敲代码时字母显示效果 visual studio字母爆炸显示效果,,就是敲一个代码,感觉会有爆炸的感觉,,,不知道下面的图有没有动态效果,是动态图, 解决方案 http://blog.csdn.net/yorhomwang/article/details/43101709 解决方案二: 在VISUAL STUDIO写了C++代码后怎样显示结果?Visual Studio 显示代码行数解决方案三: 本来眼神就不好,就别折腾了解决方案四: 这个效果非常好,还是

为准大学生释疑——看书、敲代码、OJ

[]中是我的回复. 老师你好.我语文相当差,写的信肯定不好,还恳请老师看完![把语文差的标签给自己去掉,放松一些,在写一些文字时,写完修改修改,能将自己的问题.观点表达清楚.要上大学了,将读书的事情做一个计划,多读一些感兴趣的书.以此为基础,你能够写得更好.] 我看了您的博客的文章.感觉受益很深,我是一名某大学软件工程的准大学生,我现在在家自学c++.[入学前开展一段时间的自学,对适应大学节奏是个很好的事情.] 我看了您的文章提到要动手敲代码,光看书不行,我按照您的做了,感觉很慢.我有个这样的疑

【Android】Activity的四种launchMode

转自:http://blog.csdn.net/liuhe688/article/details/6754323 合抱之木,生於毫末:九層之台,起於累土:千里之行,始於足下.<老子> 今天在社区看到有朋友问"如何在半年内成为顶级架构师",有网友道"关灯睡觉,不用半年的...",的确,做梦还来的快一些.作为一个程序员,树立远大的目标是值得欣赏的,但不能只去空想,要一步一步地实践才行.成大事者,须从小事做起:万事起于忽微,量变引起质变. 我们今天要讲的是Ac