CN103345398B - 一种用于数据展示基于Flash技术的数码框构建方法 - Google Patents
一种用于数据展示基于Flash技术的数码框构建方法 Download PDFInfo
- Publication number
- CN103345398B CN103345398B CN201310292607.7A CN201310292607A CN103345398B CN 103345398 B CN103345398 B CN 103345398B CN 201310292607 A CN201310292607 A CN 201310292607A CN 103345398 B CN103345398 B CN 103345398B
- Authority
- CN
- China
- Prior art keywords
- digital frame
- data display
- data
- flash
- place
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000005516 engineering process Methods 0.000 title claims abstract description 19
- 238000010276 construction Methods 0.000 title claims abstract description 12
- 238000006243 chemical reaction Methods 0.000 claims description 5
- 230000000007 visual effect Effects 0.000 abstract description 7
- 230000005611 electricity Effects 0.000 description 8
- 238000000034 method Methods 0.000 description 7
- 238000000151 deposition Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Landscapes
- Devices For Indicating Variable Information By Combining Individual Elements (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明是一种用于数据展示基于Flash技术的数码框构建方法，将数据展示区域，单位展示区域分为左右两个部分展示，左侧数据展示区域运用flash中的dashboard:LEDNumber实现，通过LEDNumber中很属性设置数码框的位数，数码框每个数字的间距等。右侧单位展示区域为flash中的label，其具体单位可以通过设置text中的内容来实现。本发明可以以最为友好的方式将电流、电量、功率等数据展示给系统使用人员，以此来解决数据的普通展示方式不形象不美观等问题，从而给用户带来更为友好的视觉体验。
Description
技术领域
本发明属于计算机数据展示领域，具体的说是一种用于数据展示基于Flash技术的数码框构建方法。
背景技术
在机房管理系统中，时常需要对该机房的电流、电量、功率等数据进行采集统计，并且将采集出的数据展示给用户，现有技术中大多是以导出excel表格的方式查看数据，这样的缺点就是没有便利性，需要用户付出一定的时间和精力去做下载数据操作，而且表格的数据可能在导出时会出错，用户查看也不方便。
Flash技术是时下非常流行的动画编程语言，它并没有局限住设计者的创造力和想象力，可以通过Flash技术分析设计出更为友好的页面用于机房的电流、电量、功率等数据展示。机房管理系统中对数据展示主要是电流数据的展示、电量数据的展示、功率数据的展示等，如何运用Flash技术设计出数码框的方式对数据进行展示，以形象美观的方案友好的展示给用户，即如何基于Flash技术进行数码框的构建以用于数据展示是本领域技术人员有待解决的一个技术问题。
发明内容
本发明所要解决的技术问题是，针对以上现有技术存在的缺点，提出一种用于数据展示基于Flash技术的数码框构建方法，可以以最为友好的方式将电流、电量、功率等数据展示给系统使用人员，以此来解决数据的普通展示方式不形象不美观等问题，从而给用户带来更为友好的视觉体验。
本发明解决以上技术问题的技术方案是：
一种用于数据展示基于Flash技术的数码框构建方法，包括以下步骤：
㈠新建一个flash应用程序，在该应用程序中绘制数码框容器，在数码框容器最外层套上BorderContainer用于边框外观和背景的填充，在数码框容器内层用HGroup分为左右两部分；
㈡在HGroup中放置一个Group将数码框容器内层左边的区域设为数据展示数码框，该数据展示数码框运用flash中的dashborad:LEDNumber进行数据展示，并通过numLED设定数码框位数；
㈢在HGroup中放置一个VGroup将数码框容器内层右边的区域设为进度以及单位展示数码框，在VGroup中用2个Label将数码框容器内层右边的区域分为上下两部分，上部分的区域在所展示的数据的数值超过显示的位数时用于显示换算后的进度，下部分的区域显示物理量的单位，通过Lable中的text设置具体的展示单位，通过Lable中的fontsize属性设置单位的大小。
本发明将数据展示区域，单位展示区域分为左右两个部分展示，左侧数据展示区域运用flash中的dashboard:LEDNumber实现，通过LEDNumber中很属性设置数码框的位数，数码框每个数字的间距等。右侧单位展示区域为flash中的label，其具体单位可以通过设置text中的内容来实现。具体布局：将左侧数据区域和右侧单位区域放在一个HGroup中，HGroup容器是使用HorizontalLayout类的Group容器的一个实例，水平布局。在HGroup中创建一个Group用于存放LEDNumber，Group是轻量级的容器，它不能设置外观，可以容纳可视化的组件，它可以包含UIComponents等可视子代、AdobeFlashProfessional中创建的Flex组件或图形元素。最后在创建一个VGroup将右侧的进度和单位的2个label放在里面。VGroup容器是使用VerticalLayout类的Group容器的一个实例，垂直布局。
数码框显示位数根据实际情况而定，本发明中数码框位数为5位，最大可以显示到99999，当数据超过该值时，就会溢出数码框，针对该问题，可以通过将数字转化为数字加上进度的方法来实现，比如100000可以换算成10万，该进度最小值为万最大可到千亿甚至更大，具体根据数据的大小以及实际场景而定。VGroup中放置的另一个为数据的单位，比如电流在本发明中就会显示为A,电量显示为kWh，功率显示为W。所有单位均为国际单位以保证通用性。
本发明进一步限定的技术方案是：
前述的用于数据展示基于Flash技术的数码框构建方法，其中flash应用程序为ModuleStateCur.mxml.。
前述的用于数据展示基于Flash技术的数码框构建方法，其中数码框位数为5位。
本发明的有益效果是：本发明在基于Flash技术的基础上，将数据的展示方式做了更好的设计，为机房管理系统电流等物理量的展示提供了一个更好的方案，可以以最为友好的方式将电流、电量、功率等数据展示给系统使用人员，以此来解决数据的普通展示方式不形象不美观等问题，从而给用户带来更为友好的视觉体验。
本发明运用流行的Flash技术，设计并实际的运用于数字的展示。具体的应用可以表现在电流，电量，功率等数据的展示。
具体实施方式
实施例1
本实施实例是一种用于数据展示基于Flash技术的数码框构建方法，应用于具体的机房管理系统的电流，电量，功率的展示，具体编程过程如下：
1：新建一个flash应用程序，本实例中为ModuleStateCur.mxml.在该应用程序中来绘制我们的数码框。新建一个BorderContainer用于我们数码框容器的边框外观和背景填充。然后将BorderContainer内层分为左右两部分，实现过程：在BorderContainer下新建一个<s:HGroup></s:HGroup>标签,宽度和高度均设置成100%，这样就定义了一个左右布局的HGroup，左边的区域显示我们的数据。右边的部分分为上下两部分，实现过程：在之前新建的HGroup中，创建一个<s:VGroup></s:VGroup>标签,这样我们就定义了一个上下布局的区域，上面的区域在我们的数值超过显示的位数时用于显示换算后的进度，下面的区域显示物理量的单位。
2：在HGroup中放置一个Group实现左侧用于展示数据的区域，即我们的数码框，该数码框是运用了flash中的dashborad:LEDNumber,其中我们可以通过numLED设定数码框位数，本实例中设置了5位。设置位数的方法为numLED="5"。
3：在HGroup中，Group下创建一个VGroup用于右侧进度以及单位的展示，VGroup中用2个Label存放我们的进度和单位。可以通过Lable中的text设置我们具体的展示单位,fontsize属性设置单位的大小。
4：数码框的数据层是通过ledNum.value实现的，ledNum是数码框左侧区域的ID。本实例中的数据是通过PHP从数据库中获取到，还有其他的方式获取数据。如想测试效果可以直接在value后写上具体的数值。如ledNum.value="10000"；这样我们就可以通过编译flash然后运行我们的ModuleStateCur.mxml，就可以在页面上看见实际展示效果。
示例代码如下：
<s:BorderContainerid="bcLed"width="200"height="77"backgroundColor="#E8E8E8"backgroundImage="Embed('../assets/led_background.png')"borderVisible="false"horizontalCenter="0"verticalCenter="0">
<s:HGroupwidth="100%"height="100%"gap="0">
<s:Groupwidth="100%"height="100%">
<dashboard:LEDNumberid="ledNum"right="0"width="0"characterColor="0x333333"characterCornerRadius="2"characterHeight="32"characterWidth="20"numLED="5"placeholderColor="0xcccccc"pointRadius="3"pointShape="1"showPlaceholder="true"verticalCenter="0">
</dashboard:LEDNumber>
</s:Group>
<s:VGroupwidth="40"height="100%"gap="0"paddingLeft="{EFDConstant.MODULE_PADDING_LEFT}"verticalAlign="middle">
<s:Labelid="labXX"height="18"color="#3C469C"fontSize="14"fontWeight="bold"text=""textAlign="left">
</s:Label>
<s:Labelid="labUnit"height="20"color="#3C469C"fontSize="16"fontWeight="bold"paddingTop="-2"textAlign="left">
</s:Label>
</s:VGroup>
</s:HGroup>
</s:BorderContainer>。
本发明将数据展示区域，单位展示区域分为左右两个部分展示，左侧数据展示区域运用flash中的dashboard:LEDNumber实现，通过LEDNumber中很属性设置数码框的位数，数码框每个数字的间距等。右侧单位展示区域为flash中的label，其具体单位可以通过设置text中的内容来实现。具体布局：将左侧数据区域和右侧单位区域放在一个HGroup中，HGroup容器是使用HorizontalLayout类的Group容器的一个实例，水平布局。在HGroup中创建一个Group用于存放LEDNumber，Group是轻量级的容器，它不能设置外观，可以容纳可视化的组件，它可以包含UIComponents等可视子代、AdobeFlashProfessional中创建的Flex组件或图形元素。最后在创建一个VGroup将右侧的进度和单位的2个label放在里面。VGroup容器是使用VerticalLayout类的Group容器的一个实例，垂直布局。
数码框显示位数根据实际情况而定，本发明中数码框位数为5位，最大可以显示到99999，当数据超过该值时，就会溢出数码框，针对该问题，可以通过将数字转化为数字加上进度的方法来实现，比如100000可以换算成10万，该进度最小值为万最大可到千亿甚至更大，具体根据数据的大小以及实际场景而定。VGroup中放置的另一个为数据的单位，比如电流在本发明中就会显示为A,电量显示为kWh，功率显示为W。所有单位均为国际单位以保证通用性。
本发明还可以有其他实施方式。凡采用等同替换或等效变换形成的技术方案，均落在本发明要求的保护范围。
Claims (3)
1.一种用于数据展示基于Flash技术的数码框构建方法，其特征在于：包括以下步骤：
㈠新建一个flash应用程序，在该应用程序中绘制数码框容器，在数码框容器最外层套上BorderContainer用于边框外观和背景的填充，在数码框容器内层用HGroup分为左右两部分；
㈡在HGroup中放置一个Group将数码框容器内层左边的区域设为数据展示数码框，该数据展示数码框运用flash中的dashborad:LEDNumber进行数据展示，并通过numLED设定数码框位数；
㈢在HGroup中放置一个VGroup将数码框容器内层右边的区域设为进度以及单位展示数码框，在VGroup中用2个Label将数码框容器内层右边的区域分为上下两部分，上部分的区域在所展示的数据的数值超过显示的位数时用于显示换算后的进度，下部分的区域显示物理量的单位，通过Lable中的text设置具体的展示单位，通过Lable中的fontsize属性设置单位的大小。
2.如权利要求1所述的用于数据展示基于Flash技术的数码框构建方法，其特征在于：所述flash应用程序为ModuleStateCur.mxml。
3.如权利要求1所述的用于数据展示基于Flash技术的数码框构建方法，其特征在于：所述数码框位数为5位。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310292607.7A CN103345398B (zh) | 2013-07-12 | 2013-07-12 | 一种用于数据展示基于Flash技术的数码框构建方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310292607.7A CN103345398B (zh) | 2013-07-12 | 2013-07-12 | 一种用于数据展示基于Flash技术的数码框构建方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103345398A CN103345398A (zh) | 2013-10-09 |
| CN103345398B true CN103345398B (zh) | 2016-03-02 |
Family
ID=49280196
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310292607.7A Expired - Fee Related CN103345398B (zh) | 2013-07-12 | 2013-07-12 | 一种用于数据展示基于Flash技术的数码框构建方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103345398B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107844404A (zh) * | 2016-09-20 | 2018-03-27 | 中国石油化工股份有限公司 | 一种机房用电量展示装置及方法 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479083A (zh) * | 2010-11-26 | 2012-05-30 | 英业达股份有限公司 | 结合单位换算的数值计算系统及其方法 |
| CN103064661A (zh) * | 2011-10-21 | 2013-04-24 | 上海宝信软件股份有限公司 | 计算机监控组态画面xml描述系统及方法 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7624339B1 (en) * | 1999-08-19 | 2009-11-24 | Puredepth Limited | Data display for multiple layered screens |
-
2013
- 2013-07-12 CN CN201310292607.7A patent/CN103345398B/zh not_active Expired - Fee Related
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479083A (zh) * | 2010-11-26 | 2012-05-30 | 英业达股份有限公司 | 结合单位换算的数值计算系统及其方法 |
| CN103064661A (zh) * | 2011-10-21 | 2013-04-24 | 上海宝信软件股份有限公司 | 计算机监控组态画面xml描述系统及方法 |
Non-Patent Citations (1)
| Title |
|---|
| 基于Flex的Liquid GUI研究与应用;郭旭;《中国优秀硕士学位论文全文数据库 信息科技辑 》;20120415(第4期);I138-1699 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103345398A (zh) | 2013-10-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Ding et al. | Application of Internet of Things and virtual reality technology in college physical education | |
| CN104778654A (zh) | 非物质文化遗产数字化展示系统及其方法 | |
| CN103927779B (zh) | 一种基于配置的二维动画生成方法 | |
| CN105631925A (zh) | 基于osg三维渲染引擎预处理的三维场景生成方法及装置 | |
| CN107729490A (zh) | 基于多源动态知识图谱的服装个性化设计方法与装置 | |
| CN103345398B (zh) | 一种用于数据展示基于Flash技术的数码框构建方法 | |
| CN202838793U (zh) | 多媒体沙盘展示系统 | |
| Gharehchopogh et al. | Using intelligent tutoring systems in instruction and education | |
| CN105224327B (zh) | 一种嵌入式装置变量交换传输地址离线分配方法 | |
| CN103514770A (zh) | 在线课件制作系统 | |
| CN103345565A (zh) | 一种用于数据展示基于Flash技术的仪表盘构建方法 | |
| CN102903148B (zh) | 一种栅格数据渲染方法和装置 | |
| CN103995929B (zh) | 一种智能用电成果展示系统 | |
| CN109344487A (zh) | 一种基于特征映射的零部件替换方法 | |
| CN104331392A (zh) | 一种可批量编辑图文app中展示内容的方法 | |
| CN104484143B (zh) | 一种用于显示屏矩阵的单数据多模式展示系统 | |
| CN202815808U (zh) | 3d实景互动系统 | |
| CN106934078A (zh) | 一种配电网物理模拟仿真系统拓扑实现方法 | |
| Meschini et al. | La “scena 3D” per la valorizzazione del patrimonio culturale architettonico e urbano: piazza Arringo ad Ascoli Piceno | |
| CN205125756U (zh) | 一种新型供电营业厅服务台 | |
| WO2014011088A3 (ru) | Система проведения конкурсов для удаленных пользователей | |
| CN102663121A (zh) | 论坛信息交流系统 | |
| CN203038536U (zh) | 互动模拟显示系统 | |
| CN106600742B (zh) | 一种水电站线路接线图及机组实时运行情况展示的方法 | |
| CN205427827U (zh) | 一种用于集群的节点计算机视频显示切换器 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160302 Termination date: 20210712 |