flex4 spark主题 textinput的borderstyle的问题

wt3443 2014-09-10 11:37:27

在flex3，textinput在halo主题下有borderstyle属性，可以设置样式（inset，outset，none，solid），现在需求需要在flex4中的spark主题下，同样可以设置textinput的border样式（只要求inset和solid两种样式），请问有没有替代的属性或者解决办法？
本人flex菜鸟，恳请各位大大指点迷津。

...全文

819 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

frogxuwei 2014-09-11

打赏
举报

回复

完全可以弄个bordercontainer 容器，放入你的textinput，想要怎么样的borderstyle都可以设置，还可以边框颜色，粗细，透明度等等

wt3443 2014-09-11

打赏
举报

回复

我自己想到了一种方法，创建几种不同的skinClass，设置不同的border样式时，更换不同的皮肤，但是感觉这种办法比较麻烦，对于我这次的项目来说还好，只增加一个skinClass文件就可以，如果要是模拟halo中border的样式，岂不是要新增三个皮肤文件？请问各位大大，还有没有其他好一点，省事一点的办法？或者ActionScript是否可以更改textinput的border样式？就像jQuery更改html一样，直接addClass，removeClass就可以完成操作？

wt3443 2014-09-11

打赏
举报

回复

引用 1 楼 frogxuwei 的回复:

完全可以弄个bordercontainer 容器，放入你的textinput，想要怎么样的borderstyle都可以设置，还可以边框颜色，粗细，透明度等等

回复1楼你的意思不用flex4中的textinput，自己做一个textinput出来？像这样？ <s:BorderContainer x="62" y="70" width="120" height="22" borderStyle="solid"> <s:RichEditableText verticalAlign="middle" widthInChars="10" left="1" right="1" top="1" bottom="1" /> </s:BorderContainer>

使用方法：引入： add silvergreen-2.1.swc to libs 使用（SWC方案）：在IDE（如：Flash Builder）里面，增加一个编译参数： -theme ../libs/silvergreen-2.0.swc 使用（fx:Style方案）： 1、copy com\ksria\flex\silvergreen\* to src 2、copy style.css to src folder 3、import style.css in main.mxml Style source="style.css" /> spark包含组件： Button | ButtonBar | TabBar | ToggleButton | CheckBox | RadioButton | Scroller | HScrollBar VScrollBar | HSlider | VSlider | DropDownList | TextArea | TextInput | ComboBox | List NumericStepper | Spinner | Panel | BorderContainer | TitleWindow | VideoPlayer | DataGrid mx包含组件： Accordion | AdvancedDataGrid | Alert | Border | ColorPicker | DateChooser | HScrollBar | LinkBar LinkButton | Menu | MenuBar | PopUpButton | PopUpMenuButton | ProgressBar | TabNavigator ToggleButtonBar | Tree | VScrollBar 为了方便使用，将Spark组件单独剥离出来，使用方案如下：（只限于spark组件）引入： add silvergreen-spark-2.0.swc to libs 使用（SWC方案）：在IDE（如：Flash Builder）里面，增加一个编译参数： -theme ../libs/silvergreen-spark-2.0.swc 使用（fx:Style方案）： 1、copy com\ksria\flex\silvergreen\spark\* to src 2、copy style.css to src folder 3、import com\ksria\flex\silvergreen\spark\style.css in main.mxml Style source="com\ksria\flex\silvergreen\spark\style.css" />

Flex textInput图角特效原理其实比较简单，但是实现起来略微比较麻烦，为了减少查找internet的时候，我这里整理了项目中用到的方法。分享给大家，如下所示： 1. 首先编写皮肤类

css布局之flex布局，快速掌握flex弹性伸缩布局的妙用。主要讲解如何在父容器上添加flex-direction、justyfi-content、align-items、align-content等控制样式的属性；以及如何在子元素上添加order、flex-grow、flex...

Flex3到Flex4，增加了Spark组件，这是Flex的一次重要升级，基本上组件全部重写了一套，为了保持向下兼容，出现了同一组件两套实现并存的现象，虽然说Spark组件中也可嵌入MX组件，但实际使用常会遇到些小麻烦，例如mx:Tree滚动条异常，透明背景无法监听鼠标事件等等，如果你使用定制的组件，写法稍有不规范，就会出现Spark下显示异常，比如之前定制的TWaver圆角文本输入框就是如此，不...

可以对可视化部分进行独立的修改，而不影响到组件的底层核心部分。二.皮肤和css的区别皮肤与css都是设计样式的，但是却有本质的不同。 Skin就好比一件衣服，有一个默认的款式与外观，同时也包含了一些参数，可以改变skin的默认样式。具体的应用样式，用CSS帮你细化，如：给这件衣服设置不同的颜色，不同的尺码。三.皮肤的使用 1.FLEX默认的皮肤 1）Flash Builder 4.5 新增的主题 C:\Program Files\Adobe\Adobe Flash Builder 4.5\

4,328

社区成员

9,091

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章