文本(Text)是用来显示字符串的组件,在界面上显示为一块文本区域。Text 作为一个基本组件,有很多扩展,常见的有按钮组件 Button,文本编辑组件 TextField。
使用 Text
- 创建 Text
color_gray_element.xml:
图1 创建一个 Text
- 设置背景
常用的背景如常见的文本背景、按钮背景,可以采用XML服务器托管网格式放置在 graphic 目录下。
在“Project”窗口,打开“entry > src > main > resources > base”,右键点击“base”文件夹,选择“New > Directory”,命名为“graphic”。右键点击“graphic”文件夹,选择“New > File”,命名为“textelement.xml”。
图2 创建 textelement.xml 文件后的 resources 目录结构
在 textelement.xml 中定义文本的背景:
在 first_layout.xml 中引用上面定义的文本背景:
- 设置字体大小和颜色
图3 设置字体大小和颜色的效果
- 设置字体风格和字重
图4 设置字体风格和字重的效果
- 设置文本对齐方式
图5 设置文本对齐方式的效果
- 设置文本换行和最大服务器托管网显示行数
图6 设置文本换行和最大显示行数的效果
自动调节字体大小
Text对象支持根据文本长度自动调整文本的字体大小和换行。
- 设置自动换行、最大显示行数和自动调节字体大小。
- 通过 setAutoFontSizeRule 设置自动调整规则,三个入参分别是最小的字体大小、最大的字体大小、每次调整文本字体大小的步长。
// 设置自动调整规则
text.setAutoFontSizeRule(30, 100, 1);
// 设置点击一次增多一个"T"
text.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component Component) {
text.setText(text.getText() + "T");
}
});
图7 自动调节字体大小
跑马灯效果
当文本过长时,可以设置跑马灯效果,实现文本滚动显示。前提是文本换行关闭且最大显示行数为1,默认情况下即可满足前提要求。
// 跑马灯效果
text.setTruncationMode(Text.TruncationMode.AUTO_SCROLLING);
// 启动跑马灯效果
text.startAutoScrolling();
图8 跑马灯效果
场景示例
利用文本组件实现一个标题栏和详细内容的界面。
图9 界面效果
源码示例:
color_light_gray_element.xml:
textelement.xml:
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
今天我们介绍一款基于国产的单片机开发的智能体脂秤设计方案,这款智能体脂秤主控芯片——CSU18M91,采用LQFP48和LQFP64的封装形式,可以满足不同的智能智能体脂秤方案的开发需求,另外该芯片在带有LCD驱动和LED驱动,424、622的LCD驱动,41…