第一次亲密接触Flex

    上大学的时候,看到好多精彩炫丽的flash,学习了一些flash的知识。那个时候不怎么会写脚本,就用动画的概念一帧一帧的拼出一个flash。后来工作以后,给客户在线演示产品,有接触了Captivate。2006年末的时候,客户要求开发一个在线产品展示平台,我偶然搜到了adobe用flex开发的网上购物演示,就体会到如果用flex来实现这个产品展示平台将是很动人的事情,由于某种原因最终未能如愿。最近在做一个通用视频培训平台时又用到了FLV播放器,也是用Flex开发的,最终效果和土豆、优酷非常类似。这些场景使我对flash的展现效果情有独钟,况且有adobe这样的公司在运作flash,如果可能的话应该在合适的场合来把flex集成到我们现在开发的应用中,比如图表功能、表单功能、打印功能等等。基于以上的经历和思路,决定花功夫学习一下flex还是值得的。
    首先,到adobe官方网站下载flex builder 3(当前最新版本)并安装。安装完毕后会看到一些入门文章中提到的Flex SDK已经在builder中存在了,所以初学仅下载个builder就够了。
然后,打开builder发现它就是基于eclipse开发的,我想这个IDE对于大多数java开发着再熟悉不过了。首次进入时会有一个欢迎界面和初学者向导,我比较习惯看看这些东西,点击下载提供的入门工程Flex3GSEIII_a_WorkingWithData_JSP,并导入builder中。看看工程结构跟我们平时的JAVAEE工程有了一些不同。多了bin-debug和html-template文件夹,文件类型主要是*.mxml、*.as。在工程的左侧视图右键*.mxml运行(类似与运行java文件),会有一个编译过程,过后弹出一个html,html中运行的正式flash。当时比较好奇,一个mxml是如何经过编译产生html和flash的,打开刚才提到的bin-debug发现两个文件生成到了这个文件夹。仔细读一下mxml的代码发现跟XHTML基本类似,其中的一些function都是AS写的。至此我分析得到如下结论:mxml+as-->swf,中间的转换是adobe集成在builder中的转换工具完成的。如此跟我们以往HTML+JS的编程习惯很类似了,并且XHTML与AS的结合更紧密一些。由于初学原理性的知识我就理解至此了。 
    最后,我们关心的是用flex都能实现哪些控件,并且控件的效果如何。我没有迫不及待的去google,而是又深入到builder的安装目录下,在D:\Flex Builder 3\sdks\3.0.0发现了好东西,别的我不关心,先看samples,子目录下有一个explorer,其中包含一个build.bat。看到这个bat我更加确定了我以上的结论。于是运行bat,开始编译其下的mxml文件逐一生成swf文件。花一段时间生成完毕,打开类似于index的swf文件,sdk中提供的样例控件就都尽收眼底了。
     后续:有源文件,有开发工具,你可以随意摆弄这些代码,熟悉语法,熟悉开发环境,熟悉对象属性,拼拼凑凑完成自己的一个组合界面了。

 

你说的“**taowa**”应该是“**调试志(Debugger Icon)**”,也就是在 Android 应用左上出现的一个 **红色或绿色的小箭头/签**,写着类似: ``` D ``` 或者 ``` Debug ``` 这个志叫做 **“Overdraw Debugging Overlay” 或 “Layout Debug Border”**,是某些手机厂商(尤其是 **OPPO、vivo、小米、华为等使用 ColorOS、Funtouch OS、MIUI 的设备**)在开发者模式下为调试布局而添加的视觉辅助记。 --- ## ❌ 这个“taowa”是什么? 它是你代码里的内容,而是: > 🔹 系统为了显示当前哪些区域被绘制(overdraw)而叠加在屏幕上的调试信息。 > 🔹 常见于开启了「GPU 过度绘制」、「布局边界」等开发者选项时。 名字来源:“taowa” 可能是你听到别人说 “debug 哪哇?”、“它在哪儿?” 的谐音误解 😄 --- ## ✅ 如何去掉这个“taowa”? ### ✅ 方法一:关闭「显示布局边界」或「调试 GPU 过度绘制」 #### 步骤如下: 1. 打开手机 **设置** 2. 搜索并进入 **“开发者选项”** - 如果没开启,请先进入「关于手机」→ 连续点击「版本号」7 次激活 3. 在开发者选项中找到以下任意一项并 **关闭它**: | 选项名称 | 建议操作 | |--------|--------| | `调试 GPU 过度绘制` | 设置为 **关闭** | | `显示布局边界` | 设置为 **关闭** | | `显示GPU视图更新` | 关闭 | | `窗口动画缩放` / `过渡动画缩放` | 影响,但建议调回 1x | 👉 关闭后回到你的 App,那个“taowa”就会消失! --- ### ✅ 方法二:检查是否用了第三方调试工具 有些库会在 debug 包中自动显示调试浮窗,比如: - [Stetho](https://facebook.github.io/stetho/) - [LeakCanary](https://square.github.io/leakcanary/) - [Flipper](https://fbflipper.com/) - 或某些国产 SDK(如 umeng、bugly 的调试模式) #### 解决方法: 查看你的 `build.gradle` 是否引入了这些库,并且只在 `debugImplementation` 中使用: ```groovy dependencies { debugImplementation 'com.facebook.stetho:stetho:1.6.0' debugImplementation 'com.squareup.leakcanary:leakcanary-android:2.12' } ``` ➡️ 卸载 debug 包或发布 release 包即可看到这些调试识。 --- ### ✅ 方法三:重启手机 有时候关闭开发者选项后需要 **重启系统** 才能完全清除叠加层。 --- ## 🛠️ 额外排查建议 | 问题现象 | 解决方案 | |--------|---------| | 志只出现在某个页面 | 可能是你自己加了 `TextView` 或 `View` 显示文字?全局搜索 "D", "Debug", "测试" | | 出现在所有 App 上 | 肯定是系统级调试开关打开了 | | 是红色边框 + 层叠颜色 | 那是「GPU 过度绘制」模式,在开发者选项里关闭 | --- ## ✅ 总结:一键解决步骤 1. 打开手机 → 设置 2. 搜索 “开发者选项” 3. 找到 “**调试 GPU 过度绘制**” 或 “**显示布局边界**” 4. 把它改成 **关闭** 5. 回到你的 App —— “taowa” 就没了! ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值