android、鸿蒙开发--第一章-->初识文本显示框:“TextView“

一、Android开发之--View体系中的TextView -开发工具Android-Studio       

在上图代码之中,编写了一个简单界面,其中是一个容器LinearLayout(这个会在后面讲解,本章侧重讲解TextView),容器之中添加了一个文本显示框(TextView);下面讲解TextView代码属性。

1.1、android:id="@+id/tvTitle":意义,这是给控件去一个id,这后续代码中,我们可以找到这个id,根据这个id,对文本显示做出对应的改变,比如修改内容、字体颜色等。

疑问:那为什么需要定义一个id呢?

解答:这是因为,在一个程序(项目)中,我们会用到很多TextView。如果我们不定义一个id,当我们想要改变一个TextView相关内容时候,我们将无法处理;这对比我们生活中,每一个人都有一个身份证号码,主要是为了区别个体。

1.2、android:layout_width与android:layout_height属性讲解:这个属性是设置控件的长和宽(高)、对应属性值:match_parent,layout_height,[x]dp。match_parent代表填充满整个父控件,wrap_content则是包裹显示的内容,[x]dp,值10dp,20dp等等。

1.3、android:gravity,则是内容在TextView控件中显示的对其位置,值:center-居中,start-左对齐,top-顶部对齐,right-右对齐,bottom,底部对齐;其中的值可以设置多个,例如:android:gravity="bottom|left",中间用|分割。更多效果,自己去设置体验吧。

1.4、android:text="Android-HarmonyOS-对比学习第一章-TextView":这个属性是用于显示文本之中的内容。

1.5、android:textColor="@color/teal_200",android:textSize="20sp",android:textStyle="bold"

这三个分别是:设置文本显示的颜色、文字的大小,文字的字体风格。

1.6、android:ellipsize="end",android:ems="1",android:maxEms="1",android:singleLine="true":这几个属性是设置文本显示只显示一行,多余的内容用...忽略掉,ellipsize是显示设置在文本的前面还是后面,当然还有设置其他属性,可以让文字一行显示,让文字滚动起来。

1.7、当然这个相关属性还有很多比如:android:padding="10dp",android:layout_margin="10dp"等等。我们还可以通过在java和kotlin代码中,去改变这些在Xml中设置的值。后续使用的时候,以前章节没有讲到,我会补充讲解。

二、Android开发之--Compose体系中的"TextView"-开发工具Android-Studio 

上图主要显示:Row()水平容容器中,添加一个文本控件Text(),这个一个函数,接下来我们看看这个函数的参数都是做什么的

text: String, //显示的文字内容
modifier: Modifier = Modifier,//修饰符,用于设置宽高,点击等通用事件的
color: Color = Color.Unspecified,//文本颜色
fontSize: TextUnit = TextUnit.Unspecified,//文本字体
fontStyle: FontStyle? = null,//文字风格
fontWeight: FontWeight? = null,//字体粗细
fontFamily: FontFamily? = null,//字体
letterSpacing: TextUnit = TextUnit.Unspecified,//字符间距
textDecoration: TextDecoration? = null,//在文字上绘制的装饰
textAlign: TextAlign? = null,//文字对齐方式
lineHeight: TextUnit = TextUnit.Unspecified,//行高
overflow: TextOverflow = TextOverflow.Clip,//视觉溢出处理
softWrap: Boolean = true,//文本是否应该在换行符处中断
maxLines: Int = Int.MAX_VALUE,//最大行数
onTextLayout: (TextLayoutResult) -> Unit = {},//计算新文本布局时执行的回调
style: TextStyle = LocalTextStyle.current //文本样式配置,比如,颜色,字体,行高等

三、鸿蒙开发之--文本显示框-->Text() 

在鸿蒙开发中,其实本质与Android (Compsoe)开发相差不大,可以说是极为相似。开发工具:DevEco Studio

Row()代表与Android Compose中的 Row()一致,这与Android View体系的 LinearLayout 水平排序相似。

3.1、fontSize,设置文本显示的字体大小。

3.2、fontColor,设置文本显示的颜色。

3.3、fontWeight,设置文本显示的字体风格。

3.4、textAlign,文本显示对齐的方式

3.5.、width、height,设置文本显示框的长宽(高),可以设置百分比和具体数值

3.6、backgroundColor,设置控件的背景颜色

3.7、maxLines(1) 与textOverflow({ overflow: TextOverflow.Ellipsis }),用于显示文本太多,只显示一行,多余...显示,TextOverflow.Ellipsis可以调整具体的显示...位置

3.8、当然这个相关属性,后续使用的时候,我会补充讲解。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值