2013年7月随笔档案 - TWaver - 专注UI技术

TWaver Flex生成在Android设备上的安装包（apk文件）

摘要: 前几篇文章讲解了怎样将TWaver Flex生成ipa文件，最近也有人问到怎样将TWaver Flex工程转成在Android上设备可运行的文件。然而生成apk文件要比生成ipa文件简单的多，生成速度也快很多。废话不多说，以下就是操作方法，我采用的依然是上次那两篇文字所用到只写了几行代码的两个工程：并且FlexMobile引用了MobileLibrary工程：两个工程的具体内容和TWaver Flex转iOS完全一样选中Flex Mobile工程下的运行文件（FlexMobile——FlexMobile.mxml）,右键——Export… : 选中Release Build,点击“Next”: 只勾选中“Google Andriod”，输入生成文件所在的路径，不填写的话最终的apk文件在Flex Mobile工程的根目录下，点击next 输入好以上的信息后，点击“Finish”就可以。阅读全文

posted @ 2013-07-23 11:17 TWaver 阅读(1938) | 评论 (6) 编辑 |

Editor动态设置

摘要: 属性编辑页面可以自己扩展editor，自定义A，B两个Editor，B的值受A值改变而改变思路很简单，存在一个容器，给TDataBox添加网元属性变化监听器ElementPropertyChangeListener，当网元属性A变化后，改变容器中的值，然后属性B的Editor加载容器中的值，这样就可以实现功能了可运行代码下载： Archive 阅读全文

posted @ 2013-07-23 11:02 TWaver 阅读(1635) | 评论 (3) 编辑 |

给网元添加倒影

摘要: 如果您拜读过Swing第五刀：走马观花看世博，您是否好奇Flex/Flash是否真的像Swing刀系列作者提到的那样，用Flex/Flash内置的动画、渲染、滤镜等机制可以实现各种“酷炫到底”的效果。先上个“给网元添加倒影”的图给您解下疑惑：

阅读全文

posted @ 2013-07-22 17:57 TWaver 阅读(990) | 评论 (0) 编辑 |

让JTextField添加“自动完成”功能（续）

摘要: 在让JTextField添加“自动完成”功能一文中收到了许多user 的反馈，其中有user提到需要能够在下拉列表中同时显示文字和图片。要实现下拉列表的这种功能，不用太难，给ComboBox设置一个Renderer 即可，ComboBox的Renderer默认是一个JLabel，而JLabel 本身就有设置Icon的功能，所以直接用默认的Renderer，并设置上图片即可，代码如下：在上面的代码中，通过文字去查找对应的图片，并设置Renderer 的Icon，其中getImageIcon方法如下，缓存了图片资源，这样不用每次刷新的时候去每次生成ImageIcon: 效果如下：全部代码： Source Code 阅读全文

posted @ 2013-07-22 17:31 TWaver 阅读(1594) | 评论 (3) 编辑 |

如何实现link多层bundle

摘要: TWaver默认的Link只能分组bundle，没有分层bundle（也就是展开一层后，再展开一层，或合并一层后，再合并一层），因为在多层bundle中，在中间层中，无法自动分辨是想合并还是展开。这里写个例子，屏蔽了默认的双击Link展开或者合并LinkBundle，通过按钮实现多层bundle（这里实现了两层的合并或展开）。 TWaver中相同Styles.LINK_BUNDLE_ID才能bundle，所以第一层Link分组设置Styles.LINK_BUNDLE_ID 第一层合并或展开，可以直接使用TWaver方法第二层合并，需要记录上一层的Styles.LINK_BUNDLE_ID，因为在展开时需要恢复原本的Styles.LINK_BUNDLE_ID，并需要设置Styles.LINK_BUNDLE_EXPANDED为false，最后重新设置所有Link的Styles.LINK_BUNDLE_ID为相同的值从完全合并第一次展开的时候，需要恢复原本的Styles.LINK_BUNDLE_ID，并将所有Link的original_bundle_id设置为null，设置e.setSt 阅读全文

posted @ 2013-07-22 15:33 TWaver 阅读(1720) | 评论 (0) 编辑 |

TWaver Flex 生成在iOS上可运行的ipa文件

摘要: 上次在TWaver Flex转iOS中讲述了怎样让TWaver的工程运行在iOS模拟器中，这次是怎样生成能在iOS中运行的ipa文件，接着上次的那工程接着整理。 1、点击Run —— Run Configurations（如果你用的是“Debug as”，那么最终打出的ipa文件是debug模式的）。 2、点击Run Configurations…进入如下界面： 3、点击了Configure后输入相关的证书信息： 4、点击ok后回到了刚才的界面： 5、修改FlexMobile-app.xml文件，修改id，（你在Apple Store上注册时的），通过更改此文件可以达到其他的效果，比如是否自动的旋转：输入id：设置是否旋转： 6、输入好上面的信息后，点击上面4中的“Run”，点击Run后需要你输入密码,如下图: 7、在6中输入了正确的密码后就开始生成相关的ipa文件，如下图：生成这个文件比价耗时，所以需要耐心的等待，可能需要20分钟吧，在这里慢比较正常；生成的文件在工程目录的bin-debug文件下。以上就是ipa文件的生成。阅读全文

posted @ 2013-07-19 17:00 TWaver 阅读(1451) | 评论 (0) 编辑 |

如何指定Node的Label的最大宽度

摘要: Network 上面的Node，默认情况是Label的折行只能通过HTML的
标签，这样做的弊端就是不能动态根据文字的长度智能折行。如果需要达到这个要求，需要定制Node的LabelAttachment。最初的想法是创建一个WrapLabelAttachment，继承自LabelAttachment，然后通过在一个JTextArea，设置文字，setLineWrap（true），指定JTextArea的宽度，然后把JTextArea 的内容绘制这个Attachment；在实现的过程中，发现JTextArea 有一个bug，就是折行的计算不准确，总是在右边留下很大的空白；如下图：测试代码：最后通过自己定制一个MyTextArea来实现，在MyTextArea中，用LineBreakMeasurer来计算动态折行：代码: 然后重写WrapLabelAttachment的 paintName 方法和getBounds 方法：代码: 代码: getBounds方法需要动态计算rect 的宽高。最终效果图：全部代码见附件： WrapLabelDemo 阅读全文

posted @ 2013-07-19 15:01 TWaver 阅读(1899) | 评论 (2) 编辑 |

TWaver Flex转iOS

摘要: 借助于Adobe Flash Builder 4.5.1 TWaver Flex可以转换为iOS本地程序，从而运行在iPad、iPhone等iOS系统上。准备：首先需要安装Adobe Flash Builder 4.5.1或以上版本如果需要在设备上调试或者发布到应用程序商店，还需要iOS开发者账号开始: 1:创建Flex Library project(File -> New -> Flex Library Project) 在Build Paths -> Library path选项页，点击Add SWC按钮添加TWaver.swc包，并且将Framework linkage改为Merged into code：创建示例程序：工程截图如下： 2：创建TWaver Mobile工程(File -> New -> … 阅读全文

posted @ 2013-07-19 14:19 TWaver 阅读(1350) | 评论 (1) 编辑 |