Android 仿PhotoShop调色板应用(二) 透明度绘制之AlphaPatternDrawable

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android 仿PhotoShop调色板应用(二) 透明度绘制之AlphaPatternDrawable

这里讲一下如何实现PS调色板中的透明度选择条.首先说一下要点:

1. 透明度选择条实际上是基于白色(0xffffffff)和灰色(0xffcbcbcb)之间的颜色区间选取, 由此我们可以实现一个半透明颜色的选取

2.该应用不仅可以做透明度颜色选取,也可以在应用中实现半透明的图像效果

下面看一下代码,主要是基于Drawable的重写:

[java] view plain copy

  1. /*
  2. * Copyright (C) 2010 Daniel Nilsson
  3. *
  4. * Licensed under the Apache License, Version 2.0 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. *      http://www.apache.org/licenses/LICENSE-2.0
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. package net.margaritov.preference.colorpicker;
  17. import android.graphics.Bitmap;
  18. import android.graphics.Bitmap.Config;
  19. import android.graphics.Canvas;
  20. import android.graphics.ColorFilter;
  21. import android.graphics.Paint;
  22. import android.graphics.Rect;
  23. import android.graphics.drawable.Drawable;
  24. /**
  25. * This drawable that draws a simple white and gray chessboard pattern.
  26. * It‘s pattern you will often see as a background behind a
  27. * partly transparent image in many applications.
  28. * @author Daniel Nilsson
  29. */
  30. public class AlphaPatternDrawable extends Drawable {
  31. private int mRectangleSize = 10;
  32. private Paint mPaint = new Paint();
  33. private Paint mPaintWhite = new Paint();
  34. private Paint mPaintGray = new Paint();
  35. private int numRectanglesHorizontal;
  36. private int numRectanglesVertical;
  37. /**
  38. * Bitmap in which the pattern will be cahched.
  39. */
  40. private Bitmap      mBitmap;
  41. public AlphaPatternDrawable(int rectangleSize) {
  42. mRectangleSize = rectangleSize;
  43. mPaintWhite.setColor(0xffffffff);
  44. mPaintGray.setColor(0xffcbcbcb);
  45. }
  46. @Override
  47. public void draw(Canvas canvas) {
  48. canvas.drawBitmap(mBitmap, null, getBounds(), mPaint);
  49. }
  50. @Override
  51. public int getOpacity() {
  52. return 0;
  53. }
  54. @Override
  55. public void setAlpha(int alpha) {
  56. throw new UnsupportedOperationException("Alpha is not supported by this drawwable.");
  57. }
  58. @Override
  59. public void setColorFilter(ColorFilter cf) {
  60. throw new UnsupportedOperationException("ColorFilter is not supported by this drawwable.");
  61. }
  62. @Override
  63. protected void onBoundsChange(Rect bounds) {
  64. super.onBoundsChange(bounds);
  65. int height = bounds.height();
  66. int width = bounds.width();
  67. numRectanglesHorizontal = (int) Math.ceil((width / mRectangleSize));
  68. numRectanglesVertical = (int) Math.ceil(height / mRectangleSize);
  69. generatePatternBitmap();
  70. }
  71. /**
  72. * This will generate a bitmap with the pattern
  73. * as big as the rectangle we were allow to draw on.
  74. * We do this to chache the bitmap so we don‘t need to
  75. * recreate it each time draw() is called since it
  76. * takes a few milliseconds.
  77. */
  78. private void generatePatternBitmap(){
  79. if(getBounds().width() <= 0 || getBounds().height() <= 0){
  80. return;
  81. }
  82. mBitmap = Bitmap.createBitmap(getBounds().width(), getBounds().height(), Config.ARGB_8888);
  83. Canvas canvas = new Canvas(mBitmap);
  84. Rect r = new Rect();
  85. boolean verticalStartWhite = true;
  86. for (int i = 0; i <= numRectanglesVertical; i++) {
  87. boolean isWhite = verticalStartWhite;
  88. for (int j = 0; j <= numRectanglesHorizontal; j++) {
  89. r.top = i * mRectangleSize;
  90. r.left = j * mRectangleSize;
  91. r.bottom = r.top + mRectangleSize;
  92. r.right = r.left + mRectangleSize;
  93. canvas.drawRect(r, isWhite ? mPaintWhite : mPaintGray);
  94. isWhite = !isWhite;
  95. }
  96. verticalStartWhite = !verticalStartWhite;
  97. }
  98. }
  99. }
时间: 2024-10-25 00:33:43

Android 仿PhotoShop调色板应用(二) 透明度绘制之AlphaPatternDrawable的相关文章

Android 仿PhotoShop调色板应用(三) 主体界面绘制

版权声明:本文为博主原创文章,未经博主允许不得转载. Android 仿PhotoShop调色板应用(三) 主体界面绘制    关于PhotoShop调色板应用的实现我总结了两个最核心的部分:   1. 主体界面不同区域的绘制   2. 颜色选择的生成与交互 这里我讲述一下第一要点,也就是ColorPickerDialog对主体界面的绘制. 首先还是看一下ColorPickerDialog整体显示的效果(见图1)     图1 对应着效果图我画了一张界面结构分析图,相信看了之后会对该界面的组成很

Android 仿PhotoShop调色板应用(四) 不同区域颜色选择的颜色生成响应

版权声明:本文为博主原创文章,未经博主允许不得转载.  Android 仿PhotoShop调色板应用(四) 不同区域颜色选择的颜色生成响应  上一篇讲过了主体界面的绘制,这里讲解调色板应用中的另外一个核心: 颜色选择及生成. ColorPcikerView中不同部分的选择和ColorPickerPanelView中颜色显示是怎样响应的呢?这里当然少不了回调函数: ColorPickerView: [java] view plain copy public interface OnColorCh

Android 仿PhotoShop调色板应用(一)概述

版权声明:本文为博主原创文章,未经博主允许不得转载. 在前面的系列我已经将Android中颜色渲染的原理及使用做了一个整体上概述. 现在开始根据一个比较复杂的实现进行具体的分析,这就是PhotoShop中的调色板应用 首先还是看一下最终的实现效果:    图1 怎么样,是不是要比API Demos中的ColorPickerDialog要强大得多,而且完全可以媲美PhotoShop中的调色板. 根据此例完全可以得到你想要的颜色,不再仅仅是一个简单的色相上的选取,而是提供一个HSV色彩及透明度的选取

Android 仿当乐游戏详情页面(二)

写在前面 通过上一篇文章的分析,基本已经了解当乐游戏详情页面的思想思路了,本篇文章主要是实现页面的基本效果. android 仿当乐游戏详情页面(一) 页面布局 通过上一篇文章分析,已经知道,当乐游戏详情页是通过3个不同层次的布局进行叠加来实现的,为了实现这种层次结构,需要用到RelativeLayout . 这3个View层次如图所示,分别为:介绍游戏简介的头布局.介绍游戏详情的详情界面.还有toolbar. 介绍游戏简介的头布局: 如图所示,红色圈圈里面的便是介绍这个游戏的头布局. layo

Android仿小米商城底部导航栏之二(BottomNavigationBar、ViewPager和Fragment的联动使用)

简介 在前文<Android仿小米商城底部导航栏(基于BottomNavigationBar)>我们使用BottomNavigationBar控件模仿实现了小米商城底部导航栏效果.接下来更进一步的,我们将通过BottomNavigationBar控件和ViewPager空间的联动使用来实现主界面的滑动导航. 导航是移动应用最重要的方面之一,对用户体验是良好还是糟糕起着至关重要的作用.好的导航可以让一款应用更加易用并且让用户快速上手.相反,糟糕的应用导航很容易让人讨厌,并遭到用户的抛弃.为了打造

商城项目实战 | 2.2 Android 仿京东商城——自定义 Toolbar (二)

本文为菜鸟窝作者刘婷的连载."商城项目实战"系列来聊聊仿"京东淘宝的购物商城"如何实现. 上一篇文章<商城项目实战 | 2.1 Android 仿京东商城--自定义 Toolbar (一)>中已经对 Toolbar 的一些基本属性以及简单使用做了介绍了,这篇文章就开始介绍如何定义属于自己的 Style 的 Toolbar 了. 自定义 Theme 修改 application 的 style -- AppTheme,自己设置 Toolbar 的背景色以及

【Android 仿微信通讯录 导航分组列表-上】使用ItemDecoration为RecyclerView打造带悬停头部的分组列表

[Android 仿微信通讯录 导航分组列表-上]使用ItemDecoration为RecyclerView打造带悬停头部的分组列表 一 概述 本文是Android导航分组列表系列上,因时间和篇幅原因分上下,最终上下合璧,完整版效果如下: 上部残卷效果如下:两个ItemDecoration,一个实现悬停头部分组列表功能,一个实现分割线(官方demo) 网上关于实现带悬停分组头部的列表的方法有很多,像我看过有主席的自定义ExpandListView实现的,也看过有人用一个额外的父布局里面套 Rec

Android 界面编程 探险(二)

本篇将开始Android 界面编程探险(二)的旅程. 1.UI组件-AdapterView及其子类(二) 1)自动完成文本框(AutoCompleteTextView)的用法 MultiAutoCompleteTextView是AutoCompleteTextView派生的子类,MultiAutoCompleteTextView允许输入多个提示项,多个提示项以分隔符分隔.下面简单演示AutoCompleteTextView和MultiAutoCompleteTextView的用法: main.x

Android仿京东首页轮播文字(又名垂直跑马灯)

Android仿京东首页轮播文字(又名垂直跑马灯) 京东客户端的轮播文字效果: 本次要实现的只是后面滚动的文字(前面的用ImageView或者TextView实现即可),看一下实现的效果 实现思路 上图只是一个大概的思路,要实现还需要完善更多的细节,下面会一步步的来实现这个效果: 1.封装数据源:从图上可以看到,轮播的文字是分为两个部分的,暂且把它们分别叫做前缀和内容,而且实际的使用过程中点击轮播图肯定是需要跳转页面的,而且大部分应该是WebView,不妨我们就设置点击时候需要获取的内容就是一个