Android Layout背景绘制不全的问题

企鹅博客
19509
文章
0
评论
2020年3月3日05:17:32 评论 25 views 1655字阅读5分31秒

功能描述

在地图上绘制气泡, 气泡本身复用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中执行。

问题

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

解决思路

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

继续阅读
  • 版权声明: 发表于 2020年3月3日05:17:32
  • 转载注明:https://www.qieseo.com/179460.html
从Android源码分析View绘制 Linux编程

从Android源码分析View绘制

在开发过程中,我们常常会来自定义View。它是用户交互组件的基本组成部分,负责展示图像和处理事件,通常被当做自定义组件的基类继承。那么今天就通过源码来仔细分析一下View是如何被创建以及在绘制过程中发...
HTML5 对于表单的增强 Demo Linux编程

HTML5 对于表单的增强 Demo

HTML5对表单有了极大的增强,不仅加了很多表单属性而且加了许多类型的表单元素, 下面例子就对所有新增的表单属性和表单元素做了一个演示   <!DOCTYPE html>...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: