06 Text文本

学习笔记，如有错误请指正。？号处也请各位指点下，谢谢。

Text文本是用于显示一段文字的组件

Text：文本内容

Font：所用的字体库，一般为ttf格式

Font Style：字体风格，有Normal（普通）、Bold（黑体）、Italic（斜体）、Bold And Italic（斜黑体）

Font Size：字号，字体尺寸

Line Spacing：行距

Rich Text：是否使用富态字

Alignment：文本对齐方式

Horizontal Overflow：水平溢出，Overflow文本显示不受Text元素的宽度限制，超出的字不显示

Vertical Overflow：垂直溢出，Overflow文本显示不受Text元素的宽度限制，垂直超出的字不显示

Best Fit：是否忽略字体大小，而将文本全部显示在元素区域内

Color：字体的颜色

Material：渲染文本所使用的材质，默认留空即可

所有UI元素都可以增加轮廓及阴影效果

增加阴影

给Text增加”Shadow“组件数值如下

增加轮廓

给Text增加”Outline“组件

富文本使用

<color=“red”><size=16>家</size></color>：家是红色字体大小16
<b></b>粗体
<i></i>斜体
<size></size>字体大小
<color></color>字体颜色

字体颜色

时间： 2024-07-31 10:44:14

06 Text文本的相关文章

微信小程序组件解读和分析：五、text文本

text文本组件说明: text 文本就是微信小程序中显示出来的文本. text文本组件的示例代码运行效果如下: 下面是WXML代码: [XML] 纯文本查看 复制代码 ? 1 2 3 4 <view > <text>我是文本组件</text> </view> <text>{{text}}</text> 下面是JS代码: [JavaScript] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 1

&lt;input type=&quot;text&quot;&gt;文本输人框

type类型: text  文本框 password  口令密码输人框 reset  重置或清除 buttou  命令按钮 checkbox  复选框 radio  单选框 submit  提交 file文件 hidden  隐藏字段 image  图像 color  颜色 email   邮件 date  日期 number  数字 disabled=“disabled”输入控件不可用 readonly=“readonly”只读不能修改

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

placeholder 解决UITextField中placeholder和text文本同时显示的问题

TextField都使用了placeholder属性,但在代码中又设置了text属性,因此ViewController会同时显示placeholder文本和text文本. 这个问题让我彻底崩溃.按道理说当text中的文本长度为0时placeholder文本显示,text文本长度不为0时placeholder应该隐藏才对? 而且正常情况下我也没有遇到过这个问题.后来我新建项目,进行多次尝试都不能复现这个问题. 虽然问题导致的原因至今没有找到.但google工作成果也不是一点没有.Stackover

鼠标所到之处 显示Text文本

//使用List需添加的命名空间using System.Collections.Generic; //声明元素类型为int类型的List容器 //ToolPic用于盛放图片 public List<GameObject> ToolPic2 = new List<GameObject>(); //ToolPicName用于盛放要显示的Text文本 public List<GameObject> ToolPicName = new List<GameObject&g

HTML：&lt;input type=&quot;text&quot;&gt;文本框不可编辑的方式

1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本框内容“姓名”呈灰色显示. 2.<input type="text" name="name" value="姓名" readonly="readonly" /> 文本框正常显示,只是无法获得光标,不能编辑. 3.<

js实现text文本框的数据实时刷新到另一个text文本框

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo01</title></head><body> <form> <h1>text文本框数据同步刷新</h1> <input type="text" onpropertychange="cop()&qu

jQuery实现TEXT文本框输入时的提示信息（谷歌百度淘宝搜索框提示实现）

在搜索框中,输入之前框内有输入的提示信息,文本框获得焦点后会自动消失的效果,效果图如下: 鼠标放在文本框时的效果: 创建工具类(已经存在就不用创建了)Util.js(DWR的JS) 在里面添加如下方法: Js代码 /** * Input框里的灰色提示,使用前先引入jquery * <br>使用方法:<input type="text" tipMsg="您的用户名"   /> * * @return */ function inputTipTe

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;