Fixjs实践——标签、按钮控件
Fixjs介绍
Fixjs是一款javascript界面基础框架,主要为开发复杂组件提供底层的框架支持。
Fixjs 0.3.0主要增加了文本显示类fixjs.text.TextField
支持的主要属性/方法有:text,selectable,wordWrap,defaultTextFormat
TextFormat是文本字体样式的数据类,用于封装字体样式属性,例如:font,align,bold,color,size,italic,underline等
标签、按钮控件
标签控件:支持对平、垂直对齐属性设置,能够实现文本在指定的width和height内进行水平对齐(left, center, right)和垂直对齐(top, middle, bottom)
按钮控件:内部包含了一个标签控件,文本居中对齐。采用了css3实现按钮皮肤。
Chrome的显示效果
<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><img alt="" src="https://img-blog.csdn.net/20130701223142531?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHVua2NhaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center"><stroke joinstyle="miter"><formulas><f eqn="if lineDrawn pixelLineWidth 0"><f eqn="sum @0 1 0"><f eqn="sum 0 0 @1"><f eqn="prod @2 1 2"><f eqn="prod @3 21600 pixelWidth"><f eqn="prod @3 21600 pixelHeight"><f eqn="sum @0 0 1"><f eqn="prod @6 1 2"><f eqn="prod @7 21600 pixelWidth"><f eqn="sum @8 21600 0"><f eqn="prod @7 21600 pixelHeight"><f eqn="sum @10 21600 0"></f></f></f></f></f></f></f></f></f></f></f></f></formulas><path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"><lock aspectratio="t" v:ext="edit"></lock></path></stroke></shapetype>
IE9的显示效果,ie9不支持渐变背景
IE9兼容模式,连圆角都没了…
在线演示
Fixjs 0.3.0下载
release 0.3.0
--新增功能:新增类fixjs.text.TextFormatAlign
--新增功能:新增类fixjs.text.TextFormat
--新增功能:新增类fixjs.text.TextField
--新增功能:新增静态方法fixjs.text.TextField.measureSize
--新增功能:新增静态方法fixjs.text.TextField.measureHeight
--新增功能:新增类fixjs.LayoutUtil
release 0.2.5
--新增功能:新增全局函数fixjs.util.getPageSize
--新增功能:新增类fixjs.display.Stage
--新增功能:新增类fixjs.display.Sprite
--新增功能:事件注册支持caller参数,派发时设置caller值
--新增功能:事件支持冒泡
Javascript组件/控件技术还是值得深入研究的。
相关文章
Fixjs专栏
Fixjs实践——标签、按钮控件相关推荐
- Flutter 标签类控件大全Chip
老孟导读:Flutter内置了多个标签类控件,但本质上它们都是同一个控件,只不过是属性参数不同而已,在学习的过程中可以将其放在放在一起学习,方便记忆. RawChip Material风格标签控件,此 ...
- Python tkinter - 第五章 按钮控件(Button)属性
第5章 按钮控件(Button) 5.1 按钮控件介绍 按钮是一个标准的tkinter控件.按钮上可以显示文字或者图片作为提示信息.文字只能使用一种字体以及颜色.按钮的最主要作用是被点击后,可以调用指 ...
- 【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )
文章目录 一.添加按钮控件 二.修改按钮文本 三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...
- 按钮控件里面的间距问题
一个简单的按钮,里面可能不仅仅是显示文字,让我们去点击,一个按钮控件,子控件可能会有一个图片, 当然,也可能会包含一个图片和文字,里面还嵌套着内部间距等各种问题.(也要值得注意的的是这里的图片不是通过 ...
- 在access窗体中加图片_Access实战:一种不用按钮控件就能控制子窗体联动的方法...
近来宇哥潜心研究Access的设计,多有心得,在此共享一二.Access窗体若要进行控制,是需要通过按钮控件的,我经过自己探索,发现了一种更加简单的方法,也就是不用控件,通过直接点击窗体已有的表格,就 ...
- QT旋转按钮控件的实现
目录 一.实现需求:鼠标hover时旋转 二.实现方式:计时器做动画 三.代码实现 QT旋转按钮控件的实现 一.实现需求:鼠标hover时旋转 需求是:实现类似于WINDOWS下,某些软件窗口关闭按钮 ...
- Winform中实现自定义水晶按钮控件(附代码下载)
场景 效果 注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 新建一个用户 ...
- 【DND图形库】五、按钮控件与音效
五.按钮控件与音效 (甲)按钮控件 在DND.h里能看到有哪些控件,基本上都以静态工厂模式创建: ///GUI/// #include "DNDGUI.h" //GUI 控件基类 ...
- C#窗体控件-按钮控件Button
按钮(Button)控件几乎存在于所有Windows对话框中,是Windows应用程序中最常用的控件之一.按钮控件允许用户通过单击来执行操作.按钮最重要的事件,也是最常用的事件就是Click.当用户单 ...
最新文章
- docker注册表回传失败 群晖6.2_Glances实时监视群晖运行状况
- Elasticsearch的前后台运行与停止(rpm包方式)
- 【深度学习】新的深度学习优化器探索(协同优化)
- VC++ 文件和应用程序关联,默认图标不显示问题
- java数据类型_Java 变量、表达式和数据类型详解
- C++描述杭电OJ 2010.水仙花数 ||
- 如何关闭苹果手机自动扣费_教你关闭苹果手机系统的自动更新功能,旧手机还能再用几年!...
- 调色插件怎么安装_修图调色一键搞定!PS大师级调色插件NikCollection 八合一送你...
- Memcache架构新思考
- 安装百分之80卡住_新车买回来要不要安装发动机护板呢
- 微软称伊朗国家黑客攻击美国国防技术公司
- 保障健康睡眠的几种食疗法
- 发票编号识别、验证码识别 ,图像分割
- Log4Cpp 使用实例
- 【原创】C语言之父和Linux之父谁更伟大?
- 【SOT】SiamFC代码笔记
- LaTex制作中文简历模板_PART 1
- Java面试复习体系总结(2021版,持续更新)
- 手机测试陨石软件,鉴定陨石真伪的简单测试方法
- html5手机端页面缩放问题的解决