<h2>阅读前题</h2> <p>阅读本节之前需要先阅读<a href="http://my.oschina.net/jock/blog/118808">【安卓深度控件开发（2.1）】LCDView - 基本绘图</a>。</p> <p> </p> <h2>版本二</h2> <p>为了解决版本一中留下的两个问题，我们对绘图部分进行一些更改:</p> <h3>1、在 LCDView 的字段声明区添加</h3> <div> <pre> <span style="color: #0000ff">private</span> Bitmap mLineShaderBitmap; <span style="color: #0000ff">private</span> BitmapShader mLineShader;</pre> </div>

<br />

<p>这里我们将使用 Shader 来优化，在绘制文本时进行线条化的过滤。声明好用于过滤的原图和 <a href="http://developer.android.com/reference/android/graphics/BitmapShader.html" target="_blank">BitmapShader</a> 着色器。</p>

<p> </p>

<h3></h3>

<h3>2、修改 init() 函数</h3>

<p>删除设置背景色的整个段落，我们不再需要强制使用黑色背景。这样用户在 XML 布局文件里对背景的设置将能够正常的再我们的自定义视图中出现。</p>

<p>更改 mTextPaint.setColor(Color.WHITE); 为 mTextPaint.setColor(Color.BLACK); 这样在默认的白色窗口色上你的视图能显示内容。 <br /></p>

<p>在此函数结尾增加 installLineShader(); 新函数调用，这个函数里我们将初始化并安装着色器到文本画笔。实现如下：</p>

<pre> private void installLineShader() { if(mLineShader == null) { mLineShaderBitmap = Bitmap.createBitmap(1, 2, Config.ARGB_4444); } mLineShaderBitmap.setPixel(0, 1, mTextPaint.getColor()); mLineShaderBitmap.setPixel(0, 0, Color.TRANSPARENT); mLineShader = new BitmapShader(mLineShaderBitmap, TileMode.REPEAT, TileMode.REPEAT); mTextPaint.setShader(mLineShader); }</pre>

<br />

<h3>3、修改 onDraw() 函数</h3>

<p>这里不需要很复杂的修改了，直接删除 for 循环。</p>

<p> </p>

<h3>4、更新 setTextColor() 函数</h3>

<p>因为着色器的颜色替换了 mTextPaint.setColor 设置的颜色，更新此函数用于重建着色器用于新的颜色。</p>

<p>在调用 invalidate() 之前添加对 installLineShader(); 的调用。</p>

<p> </p>

<h2>更好的效果</h2>

<p>好了，试试看。无所谓你为视图设置什么背景色或背景图片，它都能正常的显示出来。</p>

<p>最后，让我们使用一小段代码让显示效果更完美，做为一个发光 LCD 屏幕，文字的边角应该会有“泛光”，这里我们将使用一个模糊效果来实现：</p>

<p>回到 init() 函数，在最后添加如下代码：</p>

<div> <pre> <span style="color: #0000ff">if</span>(!isInEditMode()) { BlurMaskFilter blurFilter = <span style="color: #0000ff">new</span> BlurMaskFilter(2, Blur.NORMAL); mTextPaint.setMaskFilter(blurFilter); }</pre> </div>

<br />

<p>再试试看，是不是更好了。</p>

<p> </p>

<p>本节中我们主要学习了一个着色器（<a href="http://developer.android.com/reference/android/graphics/Shader.html" target="_blank">Shader</a>）和一个滤波器（<a href="http://developer.android.com/reference/android/graphics/MaskFilter.html" target="_blank">MaskFilter</a>）， 内容不多，但它们有很多类型，您应该多试试了解它们之间的不同和功能，能为你将来的绘制代码简化很多工作。</p>

<p>Come Soon : LCDView - 动起来</p>