TWaver - 专注UI技术

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

Group共享网元

     摘要: 熟悉TWaver的用户都知道Group的概念，如果是Group，那必然会出现一个网元在多组的情况，最近有客户遇到这个问题，给写了Demo，这些也跟大家分享一下如何实现，先让我们看看共享网元的效果。  阅读全文

posted @ 2014-08-12 16:59 TWaver 阅读(326) | 评论 (1) | 编辑 收藏

TWaver MONO模板库新鲜出炉 精彩纷呈

     摘要: MONO Design在线3D建模平台网站, www.mono-design.cn，开发组的成员们已经开始紧锣密鼓的 对这个平台进行内测。在之前的文章里，我们提到用户可以获得多种多样的TWaver官方模型库， 现在已经新鲜出炉，让我们擦亮眼睛，一睹为快！  阅读全文

posted @ 2014-08-05 11:32 TWaver 阅读(307) | 评论 (2) | 编辑 收藏

TWaver版3D化学元素周期表

     摘要: 技术上来说，用TWaver 3D来做的思路略有不同。最开始网上这个程序是使用HTML5、CSS3、WebGL、THREE.js、TWEEN.js等技术做的。使用TWaver就不用这么麻烦了，直接一个mono.js就差不多搞定了。技术上依旧是WebGL+js，但没有使用CSS3和其他框架。效果和效率都很好。  阅读全文

posted @ 2014-07-14 10:12 TWaver 阅读(6811) | 评论 (25) | 编辑 收藏

在MONO Design中使用Flex3D

     摘要: 在项目开发组的努力下，HTML5 3D 的开发包变得越来越优秀，越来越健壮；基于HTML5 3D技术的MONO Design建模平台功能也变得越来越强大和完善，这个方便了很多使用我们HTML5 3D的用户。 但是对于使用TWaver Flex 3D的用户而言，有个小小的遗憾就是：整个MONO Design是面向HTML5 3D技术的，而不是Flex 3D的。其实不然，虽然MONO Design本身不是Flex开发的，但是它却可以与Flex 2D、Flex 3D技术无缝集成。简单说：MONO Design所有建模的东西，都可以直接在Flex 3D中使用。您还管它MONO Design是什么技术开发的呢？  阅读全文

posted @ 2014-07-08 10:02 TWaver 阅读(4901) | 评论 (5) | 编辑 收藏

将2D的CAD图纸变成3D的MONO场景

     摘要: 几年前TWaver Java就可以导入CAD图纸了，随着TWaver HTML5的流行，如今终于有了HTML5版本的导入CAD图纸功能。有了这个基础，再将2D的CAD图纸变成3D的MONO场景就变得非常轻松了。  阅读全文

posted @ 2014-07-04 10:36 TWaver 阅读(5961) | 评论 (2) | 编辑 收藏

Mono Design Demo展示

     摘要: Mono Design不仅可以是用Editor快速创建3D机房，而且也可以使用代码创建3D产品。下面是通过代码实现的一个综合Demo。依然记得读高中的时候，每次到周一大扫除的时候，班主任总会说:“同学们，让我们全方位、立体式的大扫除吧”。那么现在就让我们来全方位、立体式的欣赏这个Demo吧！  阅读全文

posted @ 2014-06-16 15:45 TWaver 阅读(2530) | 评论 (6) | 编辑 收藏

TWaver 3D技术在油田行业的应用

     摘要: TWaver通过MONO DESIGN平台提供了强大的油田行业3D建模工具。通过拖拖拽拽，可以轻松的创建各种油管、管汇、井口、输油、储油等设备。这些设备也可以通过平台进行新增和修改，并保存在公有云或私有云的服务器中。  阅读全文

posted @ 2014-05-26 15:27 TWaver 阅读(734) | 评论 (1) | 编辑 收藏

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 阅读(1928) | 评论 (6) | 编辑 收藏

Editor动态设置

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

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

给网元添加倒影

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

posted @ 2013-07-22 17:57 TWaver 阅读(981) | 评论 (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 阅读(1585) | 评论 (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 阅读(1707) | 评论 (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 阅读(1443) | 评论 (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 阅读(1876) | 评论 (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 阅读(1342) | 评论 (1) | 编辑 收藏

仅列出标题
共12页: 上一页 1 2 3 4 5 6 7 8 9 下一页 Last