flex 文字竖排_flex button字竖排展示
flex button字竖排显示
由于产品功能的要求,需要让按钮Label垂直显示,看了下Button的源代码,Button 的label文本显示主要依赖于内部textField:IUITextField属性,
那么我们就可以想办法获取到textField的引用,对它进行相关操作设置,就可以让按钮Label垂直排列了.
首先我们需要自定义一个扩展至Button的ButtonExt类,并且定义命名空间:use namespace mx_internal,这样我们就已经获取到对源Button内部一些属性的操作权限.
接下来只需要关注,在某个阶段实现某些操作就OK了.
1:initialize()初始化阶段
2:updateDisplayList()更新显示列表
具体请看以下代码:
package base.view
{
import flash.filters.GlowFilter;
import flash.text.TextFieldAutoSize;
import mx.controls.Button;
import mx.controls.ButtonLabelPlacement;
import mx.core.mx_internal;
import mx.events.FlexEvent;
/**
* @类名:VButton
* @作者:Angine
* @日期:2010-1-27
* @版本:V1.0
* @描述:
* 垂直按钮类实现按钮Label文本垂直显示功能
* 功能实现通过获取到Button内部textField引用,
* 并对textField中的设置作出更改。
* 如果你需要调整文字与按钮的位置,需要考虑按钮的 Width,Height,fontSize
* 及paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" 等样式
*/
use namespace mx_internal;
public class VButton extends Button
{
private static const glowFilter:GlowFilter = new GlowFilter(0x000000,1,2,2,288,1,false); //黑色滤镜
public function VButton()
{
super();
}
override public function initialize():void
{
super.initialize();
buttonMode=true;
textField.wordWrap=true;
this.labelPlacement=ButtonLabelPlacement.TOP;
textField.autoSize=TextFieldAutoSize.CENTER;
this.setStyle("paddingBottom",0);
this.setStyle("paddingLeft",0);
this.setStyle("paddingRight",0);
this.setStyle("paddingTop",0);
textField.filters = [glowFilter];//文字描黑边
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth,unscaledHeight);
textField.y=(height-textField.height)/2;
textField.x=(width-textField.width)/2;
}
}
}
flex 文字竖排_flex button字竖排展示相关推荐
- POI导出Excel文件时,单元格内文字竖排、横排默认不展示,必须点击一下问题解决
//创建单元格样式设置CellStyle cs_vertical = wb.createCellStyle();//设置字体Font textFont = wb.createFont();textFo ...
- word里文字竖向排列(设置竖排文字)
word里文字竖向排列(设置竖排文字) 目录 word里文字竖向排列(设置竖排文字) 1.整篇的文字需要竖排,点击菜单栏中[页面布局][文字方向] 2.如果想要部分文字竖排 ,首先选中文字,点击菜单栏 ...
- excel怎么把竖排变成横排_Word2013竖排文字怎么排版
在excel中进行文字排版时,都是横排文字,但有着竖排文字,竖排文字怎么排版呢?下面小编一起看看Word2013竖排文字怎么排版吧. --------------------------------- ...
- vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2
vue项目中 一行文本 文字 根据关键字 改变颜色 改变展示颜色2 <script src="https://unpkg.com/vue@3/dist/vue.global.js&qu ...
- iPhone录音转文字功能,打起字来事半功倍,却很少有人去使用
iPhone录音转文字功能,打起字来事半功倍,却很少有人去使用 虽然现在很少有人再去选择去购买iPhone手机,但是iPhone的用户群体在国内依然占有很大的份额,可是不少使用iPhone的用户却很少 ...
- wps文档一敲空格就换行_WPS文字输入几个字就自动换行怎么办
我们在利用WPS文字或Word文档进行办公的时候,有时候会遇到一个问题:明明没输入几个字,文档就自动跳转到下一行了,这是怎么回事呢?又该如何解决?下面我们就来一起看一下吧! WPS文字输入几个字就自动 ...
- 默认字间距html,HTML连载42-清空默认边距、文字行高,字间距分享
一. 二. 如何清空呢? 我们利用前面学过的通配符选择器,给默认标签去掉属性,因为优先级低,所以不影响我们已经设置好的标签,只给没有设置的标签进行去除边距 % 注意点:通配符标签会遍历当前界面中的所有 ...
- flex 文字竖排_Flex 利用 sprit 实现字体 竖排 旋转
字体旋转竖排,最近一直在网上找,大多是利用TLF等,太麻烦.终于被我找到了集成Sprit来解决这个问题,封装了一下,贴出来,备用: 集成Sprit的核心类 package { import flash ...
- WPF Label控件文字竖排及控制字间距
下载文件里的代码比较老了 在下也懒得去更新,其实文章已经说的很清楚了,关键代码也贴出来了, 认真看文章的同学应该很容易就能自己实现,下载文件那5个分各位看情谊吧...(代码以文章为准) 更新: 之前那 ...
最新文章
- 【夯实Mysql基础】mysql explain执行计划详解
- 系统部署文档_惊喜!Alibaba架构师终于发布“微服务架构与实践”文档
- 每日程序C语言10-欧几里德算法
- 【图像处理】——opencv常用函数
- 重复T次的LIS的dp Codeforces Round #323 (Div. 2) D
- 课堂小结:返回一个整数数组所有子数和的最大值
- 灵敏度和稳定性能兼具 新气体传感器技术适用于工业应用
- 数据结构笔记-----树
- android api版本 闪退_解决 Android 升级 SDK API 27 过程中遇到的问题
- 松下PLC连接海创-IIoT平台案例
- python抠图_Python实现抠图
- SwiftUI 教程之应用中实现 Core Spotlight搜索(教程含源码)
- python 时间戳转各时区时间
- 闲聊,从《斗罗大陆》到游戏开发
- 干货:怎么样才能提升版式平面设计的大方美观?
- viscircles
- java求长方体体积用什么类_Java题求解: 设计一个求长方体的体积和表面积的类Cube,包括以下属性和方法。 l1:长方体...
- 关于DialogBox的使用
- 老马失足 波音KC-46加油机为何如此拖拉?
- 4.Java学习笔记第四节——程序流程控制(尚硅谷视频整理)
热门文章
- java数据结构编程_Java数据结构编程
- excel大数据重采样批量操作(每两列中插入新一列,新一列为左右两列的平均值)
- [云炬创业基础笔记]第二章创业者测试7
- [云炬python3玩转机器学习]4-3 训练数据集,测试数据集
- 《等离子体所毕业生经验分享会》观后感 2020-07-03
- 使用wdcp面板安装感恩教师节wordpress网站
- 信号分解:标架、对偶标架、紧标架
- 简单的启动代码 IMPORT |Image$$RO$$Limit|
- BugkuCTF-Misc:猜
- 编写图形界面程序,接受用户输入的5个浮点数据和一个文件目录名,将这五个数据保存在该文件中,再从文件中读取出来并且进行从大到小排序,然后再一次追加保存在该文件中。