text
实现:
- Android:TextView
- iOS:UILabel
详情:
- 一个文字容器,可以用于承载文字内容,支持宽高自适应、纯色颜色、渐变颜色、文字大小、居中对齐等。
无障碍:
- accessibilityEnable:
- 取值:
true
/false
- 描述:否支持无障碍
- 取值:
- accessibilityTraits:
- 取值:
'button'
/'image'
/'text'
/'none'/'header'
- 描述:无障碍控件属性
- 取值:
- accessibilityDesc:
- 取值:string
- 描述:无障碍内容
// 无障碍 { "data": { "viewId":{ // 无障碍朗读文案 "accessibilityDesc": "'无障碍文案'", // 是否可以朗读 // 优先级高于accessibilityDesc,默认值是true "accessibilityEnable": true/false, //无障碍控件属性 "accessibilityTraits": "'button'" } } }
- accessibilityEnable:
基础用法:
// 定义: { "id": "text_normal", "type": "text" }
// 样式: #text_normal { width:100px; text-overflow:ellipsis; height:20px; font-size:15px; }
// 事件: { "event": { "text_normal": "" } }
// 数据: { "data": { "text_normal": { "value": "$data.text" } } }
仅Android:
- includeFontPadding
// 数据: { "data": { "text_normal": { "value": "$data.text", "extend": { "includeFontPadding": "true" } } } }
文字渐变色:
#nodeId { ... background-image: linear-gradient(to right, #000000 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #000000 0%, #ffffff 100%); background-image: linear-gradient(to left, #000000 0%, #ffffff 100%); background-image: linear-gradient(to top, #000000 0%, #ffffff 100%); background-image: linear-gradient(to bottom right, #000000 0%, #ffffff 100%); background-image: linear-gradient(to bottom left, #000000 0%, #ffffff 100%); background-image: linear-gradient(to top right, #000000 0%, #ffffff 100%); background-image: linear-gradient(to top left, #000000 0%, #ffffff 100%); }