TWaver - 专注UI技术

http://twaver.servasoft.com/
posts - 171, comments - 191, trackbacks - 0, articles - 2
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

07 2013 档案

     摘要: 前几篇文章讲解了怎样将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,自定义A,B两个Editor,B的值受A值改变而改变 思路很简单,存在一个容器,给TDataBox添加网元属性变化监听器ElementPropertyChangeListener,当网元属性A变化后,改变容器中的值,然后属性B的Editor加载容器中的值,这样就可以实现功能了 可运行代码下载: Archive  阅读全文

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

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

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

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

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

     摘要: 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 阅读(1718) | 评论 (0)  编辑 |

     摘要: 上次在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 阅读(1450) | 评论 (0)  编辑 |

     摘要: 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 阅读(1894) | 评论 (2)  编辑 |

     摘要: 借助于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 阅读(1349) | 评论 (1)  编辑 |

     摘要: 赛瓦软件将携TWaver HTML5-Mobile应用解决方案和TWaver 3D-三维模拟监控应用解决方案参加2013中国国际广播电视信息网络展览会。
  阅读全文

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

     摘要:


TWaver Android 1.0正式发布,欢迎申请试用:http://twaver.servasoft.com/download/download-product  阅读全文

posted @ 2013-07-19 10:51 TWaver 阅读(984) | 评论 (0)  编辑 |