Android Layout背景绘制不全的问题


功能描述

在地图上绘制气泡, 气泡本身复用Android view框架的布局和绘制逻辑:一个LinearLayout 内部有一个TextView,不同气泡设置不同文本内容。

Layout的内容

    <LinearLayout
        android:id="@+id/route_bubble_5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:background="@drawable/route_bubble_bus_station"           
            android:maxWidth="130dp"
            android:textColor="@color/des"
            android:id="@+id/title_5" android:layout_gravity="center_vertical"/>
    </LinearLayout>

route_bubble_bus_station是一个9patch图,会根据view大小自动拉伸。

气泡渲染的流程

显式调用View>::draw(Canvas) 函数将view绘制到一个canvas,取出canvas的bitmap 传入opengl作为纹理。具体实现有些小trick:

// bubbleView 是LinearLayout
// textView 是Layout内部的TextView
textView.setText(mBubbleStr);

// 显式调用View的layout!
bubbleView.measure(0, 0);
// 获取气泡 view的宽高
int bubbleWidth = bubbleView.getMeasuredWidth();
int bubbleHeight = bubbleView.getMeasuredHeight();       
// 获取画布
Canvas canvas = GLBitmapUtil.lockCanvas(bubbleWidth, bubbleHeight);       
// 显式调用布局函数
bubbleView.layout(0, 0, bubbleWidth, bubbleHeight); 
// 显式绘制到画布
bubbleView.draw(canvas); 

// @@@ 创建纹理
Bitmap canvasBmp = GLBitmapUtil.getLockedBitmap();
int textureName = GLRenderUtil.loadTexture(gl, canvasBmp);       

bubbleView是一个LinearLayout,textView是其内部的实际view。

因为要生成纹理,上面整个过程在GLThread中执行。

问题

之前这个逻辑一直都没问题,昨天代码微调后发现,气泡背景随机性地绘制不完整问题: Android Layout背景绘制不全的问题 显示效果右图:气泡下部分丢失。通过GPU神器(adreno profiler)调试发现纹理本身有问题,左图是气泡纹理图像。进一步说明整个绘制逻辑是很OK的。 bubbleView是一个LinearLayout,问题出在代码片段中的 bubbleView.draw(canvas)语句。 无语中,android的问题。。

解决思路

一位android经验丰富的同事给了一个建议,将9patch图改成TextView的背景!直接调用TextView::draw(Canvas)函数, 试验结果果真很OK!

后话 气泡背景不完整问题,猜想问题出在 ViewGroup的脏区域的控制逻辑。。。

相关内容

    暂无相关文章