[1] 官方:
http://www.minimalcomps.com/
[2] 作者bolg:
http://www.bit-101.com/blog/
[3] 下面的例子使用的开发环境为Flex4.5
var rootUI:UIComponent = new UIComponent;
var panel:Panel = new Panel(rootUI, 0, 0);
panel.setSize(width, height);
panel.showGrid = true;
panel.gridSize = 3;
addElement(rootUI);
大体的使用格式为 new 组件(父组件,可选的参数,可选的响应事件);
父组件: 存放该组件
可选的参数: 多为x,y轴的位置
可选的响应事件: 多为点击事件
因为使用Flex4.5,无法直接在场景上addChild(),所以必须要在把组件添加到UIComponent中,再在场景中显示该UIComponent(如上).
[Embed(source="assets/SIMFANG.TTF", embedAsCFF="false", fontName="SIMFANG", mimeType="application/x-font")]
protected var RootFont:Class;
protected function init(event:FlexEvent):void
{
//style
Style.fontSize = 11;
Style.fontName = "SIMFANG";
//使用用户段默认字体
//Style.embedFonts = false;
Style.BACKGROUND = 0x123456;
}
MinimalComps提供了一些常用的样式供用户修改,格式为:
Style.样式名 = 值;
另外要说的是MinimalComps自带的字体不支持中文,所以如果要使用中文必须得对默认的样式做下修改.
取消对字体的应用,使用用户段默认字体
Style.embedFonts = false;
或者,使用自定义字体(如上).
[4] 测试的例子:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init(event)"
width="800" height="600">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import com.bit101.charts.*;
import com.bit101.components.*;
import com.bit101.utils.MinimalConfigurator;
import mx.controls.Alert;
import mx.core.UIComponent;
import mx.events.FlexEvent;
[Embed(source="assets/SIMFANG.TTF", embedAsCFF="false", fontName="SIMFANG", mimeType="application/x-font")]
protected var RootFont:Class;
protected function init(event:FlexEvent):void
{
var rootUI:UIComponent = new UIComponent;
//style
Style.fontSize = 11;
Style.fontName = "SIMFANG";
//使用用户段默认字体
//Style.embedFonts = false;
Style.BACKGROUND = 0x123456;
//panel
var panel:Panel = new Panel(rootUI, 0, 0);
panel.setSize(width, height);
panel.showGrid = true;
panel.gridSize = 3;
//label / nputText
new Label(panel, 20, 10, "1. 登入操作");
new InputText(panel, 20, 30, "username");
new InputText(panel, 20, 50, "password").password = true;
//CheckBox
new Label(panel, 20, 80, "2. 选择你喜欢的食物");
new CheckBox(panel, 20, 100, "苹果!");
new CheckBox(panel, 20, 120 ,"西瓜!");
//ColorChooser
new Label(panel, 20, 150, "3. 选择一种你喜欢的颜色");
new ColorChooser(panel, 20, 170,0xeeeeee);
//Text
new Label(panel, 20, 200, "4. 个人简介:");
new Text(panel, 20 ,220).height = 70;
//RadioButton
new Label(panel, 20, 310, "3. 是否同意上述规定?");
new RadioButton(panel, 20, 330, "同意", false);
new RadioButton(panel, 20, 350, "不同意", true);
//PushButton
new PushButton(panel, 20, 370, "提 交!", onButtonClickEvent);
//Accordion
new Accordion(panel, 300, 10);
var calendar:Calendar = new Calendar(panel, 300, 150);
calendar.setYearMonthDay(2011, 11, 11);
Alert.show(calendar.selectedDate.toDateString());
//charts
new LineChart(panel, 300, 320, new Array(2, 8, 7, 9, 4));
//HScrollBar
new Knob(panel, 600, 10).value = 70;
//window
var w:Window = new Window(panel, 600, 100);
new Label(w, 10, 10, "hello world");
addElement(rootUI);
}
private function onButtonClickEvent(event:Event):void{
trace("submit now");
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
</s:WindowedApplication>
分享到:
相关推荐
minimalcomps(中文帮助)
minimalcomps 适用于Flash的最小ActionScript 3.0 UI组件 执照 特此免费授予获得此软件和相关文档文件(“软件”)副本的任何人无限制地处理软件的权利,包括但不限于使用,复制,修改,合并的权利,发布,分发,再...
AS3ui 组件源码 可以直接NEW 组件库中的组件 咱不支持换皮
MinimalComps_0_9_10.swc
要使用haxelib的最新版本: $ haxelib install minimalcomps要使用GitHub的最新开发成果,请执行以下操作: $ haxelib git minimalcomps https://github.com/jasonsturges/minimalcomps-openfl.git要将本地副本用作...
java版p2p网贷系统源码真棒动作脚本 精选的 ActionScript 框架、库、组件和引擎...一起使用。 - 替代 Flex 的轻量级 Actionscript 3.0 UI 框架。 - 开源 Flash ActionScript GUI 框架 - ActionScript 3 UI 组件 - Acti
把自己在博客上写的东西自己整理成了pdf文档。哎,权当一次自我的总结吧~~有需要的同学拿去用吧~~
NULL 博文链接:https://as3.iteye.com/blog/971062
Skinnable Minimal Components MinimalComps的官方版本是不支持皮肤的,而这个就是它支持皮肤的版本。
1.界面使用 MinimalComps 实现. 2.socket功能实现. 3.大地图,小地图,自动寻路功能. 4.基本技能,任务,物品等功能. 5.使用 lua-alchemy 支持 LUA 脚本功能. 代码写的不好,希望大家多多包涵. 谢谢了.
用自定义组件替换 MinimalComps 组件 暴露的 <Space>.remove() 方法 新的 <Renderable>.setTransformAnchorToCenter() 方法 允许创建和使用多个 Engine 实例 每个空间现在都有一个 .engine 属性 允许在 Designer 中...