吃透这份Android高级工程师面试497题解析，Jetpack Compose系列-Text组件花式使用，BAT等大厂必问技术面试题

最新推荐文章于 2024-06-15 12:29:38 发布
最新推荐文章于 2024-06-15 12:29:38 发布
阅读量1k 收藏 20
点赞数 27
分类专栏： 2024年程序员学习 文章标签： android 面试 职场和发展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82103140/article/details/137472256
版权

Text 属性介绍

在Jetpack Compose 中，组件是一个特殊的Kotlin 函数，因此Text其实也是一个函数，而它提供了很多参数来配置文本的显示外观。这些参数就是组件的属性。看一下Text组件有哪些属性：

@Composable
fun 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
) {
…
}

Jetpack Compose 中，很多地方都用到了Kotlin 的特性，比如这里，就用到Kotlin的默认参数，Text 组件除了第一个参数text，其他都有默认值，也就是使用的时候可以不传，但是如果传多个参数时，一定要加参数名。比如，设置大小：

@Composable
fun MyText(){
Text(“Jetpack Compose，by 依然范特稀西”,
fontSize = 20.sp
)
}

第一个参数可以加参数名，也可以不加，但我个人还是推荐加上，因为他是一个组件，参数是它的属性，这样代码比较直观。像下面这样就比较好一点：

@Composable
fun MyText(){
Text(
text = “Jetpack Compose，by 依然范特稀西”,
fontSize = 20.sp
)
}

知道了，每个属性的意思，我们接下来一起看看，配置各属性后的效果展示。

Text各属性示例效果

text 显示文本

Jetpack Compose系列-Text组件花式使用！

对于用户界面而言，文本是最基础而又核心的内容，在传统的 Android Native 开发中，需要用一个TextView来显示一个文本。在Jetpack Compose 中，提供了Text可组合函数（即组件，后面的文章都会称其为“组件”），可更轻松的显示文本。在本文中，将带大家一起探索Text组件的各种用法。

Text 属性介绍

在Jetpack Compose 中，组件是一个特殊的Kotlin 函数，因此Text其实也是一个函数，而它提供了很多参数来配置文本的显示外观。这些参数就是组件的属性。看一下Text组件有哪些属性：

@Composable
fun 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
) {
…
}

Jetpack Compose 中，很多地方都用到了Kotlin 的特性，比如这里，就用到Kotlin的默认参数，Text 组件除了第一个参数text，其他都有默认值，也就是使用的时候可以不传，但是如果传多个参数时，一定要加参数名。比如，设置大小：

@Composable
fun MyText(){
Text(“Jetpack Compose，by 依然范特稀西”,
fontSize = 20.sp
)
}

第一个参数可以加参数名，也可以不加，但我个人还是推荐加上，因为他是一个组件，参数是它的属性，这样代码比较直观。像下面这样就比较好一点：

@Composable
fun MyText(){
Text(
text = “Jetpack Compose，by 依然范特稀西”,
fontSize = 20.sp
)
}

知道了，每个属性的意思，我们接下来一起看看，配置各属性后的效果展示。

Text各属性示例效果

text 显示文本

显示文字的最简单的方法是使用以 String 作为参数的 Text 组件：

@Composable
fun MyText(){
Text(“Jetpack Compose，by 依然范特稀西”)
}

也可以显示字符串资源，这也是推荐的方式，而不是直接将字符串写死在代码中，这样有利于替换或者国际化。

Jetpack Compose，by 依然范特稀西

@Composable
fun MyText(){
Text(stringResource(R.string.my_text))
}

color 更改文字颜色

@Composable
fun MyText() {
Text(
text = stringResource(R.string.my_text),
color = Color.Blue
)
}

fontSize 更改文字大小

@Composable
fun MyText() {
Text(
text = stringResource(R.string.my_text),
color = Color.Blue,
fontSize = 30.sp,
)
}

fontStyle 设置文字样式

fontStyle有2个取值，FontStyle.Italic和FontStyle.Normal

@Composable
fun MyText() {
Column{
Text(
text = stringResource(R.string.my_text),
fontStyle = FontStyle.Normal,
)
Text(
text = stringResource(R.string.my_text),
fontStyle = FontStyle.Italic,
)
}
}

fontWeight 更改文字的粗细程度

fontWeight 可以取 1- 1000之间的值，使用的时候，构造一个FontWeight即可:

FontWeight(50)

FontWeight 默认为我们定义几个默认值，100-900的整百值，并根据他们的显示效果取名为Bold,Light,Thin等等。

companion object {
/** [Thin] /
@Stable
val W100 = FontWeight(100)
/* [ExtraLight] /
@Stable
val W200 = FontWeight(200)
/* [Light] /
@Stable
val W300 = FontWeight(300)
/* [Normal] / regular / plain /
@Stable
val W400 = FontWeight(400)
/* [Medium] /
@Stable
val W500 = FontWeight(500)
/* [SemiBold] /
@Stable
val W600 = FontWeight(600)
/* [Bold] /
@Stable
val W700 = FontWeight(700)
/* [ExtraBold] /
@Stable
val W800 = FontWeight(800)
/* [Black] */
@Stable
val W900 = FontWeight(900)

/** Alias for [W100] /
@Stable
val Thin = W100
/* Alias for [W200] /
@Stable
val ExtraLight = W200
/* Alias for [W300] /
@Stable
val Light = W300
/* The default font weight - alias for [W400] /
@Stable
val Normal = W400
/* Alias for [W500] /
@Stable
val Medium = W500
/* Alias for [W600] /
@Stable
val SemiBold = W600
/*

  • A commonly used font weight that is heavier than normal - alias for [W700]
    /
    @Stable
    val Bold = W700
    /    * Alias for [W800] /
    @Stable
    val ExtraBold = W800
    /    * Alias for [W900] */
    @Stable
    val Black = W900

/** A list of all the font weights. */
internal val values: List = listOf(
W100,
W200,
W300,
W400,
W500,
W600,
W700,
W800,
W900
)

看一下他们的显示效果：

@Composable
fun MyText() {
Column {
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Thin,
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.ExtraLight
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Light
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Normal
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Medium
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.SemiBold
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Bold
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.ExtraBold
)
Text(
text = stringResource(R.string.my_text),
fontWeight = FontWeight.Black
)
}
}

fontFamily 更改字体

fontFamily可以更改字体，FontFamily为我们默认内置了5种字体，Default、SansSerif、Serif、Monospace、Cursive。

@Composable
fun MyText() {
Column {
Text(
text = stringResource(R.string.my_text),
fontFamily = FontFamily.Default,
)
Text(
text = stringResource(R.string.my_text),
fontFamily = FontFamily.SansSerif
)
Text(
text = stringResource(R.string.my_text),
fontFamily = FontFamily.Serif
)
Text(
text = stringResource(R.string.my_text),
fontFamily = FontFamily.Monospace
)
Text(
text = stringResource(R.string.my_text),
fontFamily = FontFamily.Cursive
)
}
}

letterSpacing 更改文字间距

letterSpacing更改文字间距，更确切的说是更改字符间距，因为如果是英文的话，不会按单词来设置间距，而是按字母。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
img

写在最后

在技术领域内，没有任何一门课程可以让你学完后一劳永逸，再好的课程也只能是“师傅领进门，修行靠个人”。“学无止境”这句话，在任何技术领域，都不只是良好的习惯，更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。

如果你觉得自己学习效率低，缺乏正确的指导，可以一起学习交流！

加入我们吧！群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

是9527啊
关注
  • 27
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jetpack Compose 初体验（上），2024京东最新Android面试真题解析
2401_83739472的博客
04-04 937
)”)”)这里还是通过Modifier来实现需求，怎么样，现在的头图是不是圆滑可爱了很多。头图这么求上进，文字也不能落后，一篇好的文章要主次分明，错落有致。声明Typography对象，然后给Text添加style属性，来控制文字的样式。Column() {Image(Typography提供如下预设属性，囊括标题、子标题、段落体、按钮等。最终效果如下：怎么样，是不是主次开始变得分明了？结构变得清晰了？情节展开得顺滑了？故事开始自然了？
Android Kotlin Jetpack Compose UI框架 完全解析，2021Android大厂面试题来袭
m0_64382868的博客
12-17 1034
可以在AndroidStudio内查看、检查或播放动画，还可以逐针播放。 1.1.3 布局检查器 Android Studio Arctic Fox 增加了布局监测器对Compose的支持，可以分析Compose组件的层级。如下所示： 1.1.4 交互式预览 在此模式下，你可以与界面组件互动、点击组件，以及查看状态如何变化。通过这种方式，你可以快速获得有关界面如何反应的反馈，并可快速预览动画。如要启用此模式，只需点击“互动”图标 ，系统即会切换预览模式。 ![89074-iw717wisn5b.png]
Android知识笔记：对于Jetpack Compose的一次尝试，百度、阿里、滴滴、新浪的面试心经总结
m0_61043185的博客
03-28 877
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。
Jetpack Compose漫谈，高级安卓开发面试题
2401_84149743的博客
04-08 557
Android已经十年多了，传统的Android UI ToolKit有很多历史遗留问题，而有些官方也很难修改。比如View.java有三万多行代码，比如Combo box竟然叫Spinner，再比如Button继承自Textview。同时官方的一些widget修复依赖系统升级，到达用户周期过长。通过在Jetpack中添加Compose，脱离了Android系统，代码修复可以更快地到达用户。而对国内开发者来说，更统一的代码，意味着没有厂商定制。
jetpack compose 开发架构选择探讨（一），实战android应用开发
m0_64604042的博客
12-05 309
} } 然后我们分析下这个例子只有一个count 状态和add 操作，因此这样来实现viewModel,这里基于jetpack viewmodel和livedata组件来实现 class MvvmViewModel : ViewModel() { val countState = MutableLiveData(1) fun add(num: Int) { countState.postValue(countState.value as Int + num) } fun reduce(num: Int) {
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
09-12
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
svg-to-compose:在Jetpack Compose代码中转换SVG和Android Vector Drawable
05-05
SVG组成[实验性] 将SVG或Android Vector Drawable转换为Compose代码。 为什么这个项目 在的开头，它不支持SVG文件和Android Vector Drawables。...该项目使用Android的将SVG转换为Android Drawables，并使用Jetpack Co
Jetpack-Compose-WhatsApp-Clone:一个示例项目，演示如何使用Jetpack Compose构建WhatsApp
03-19
Jetpack-Compose-WhatsApp-Clone-通过构建WhatsApp克隆来学习Jetpack Compose关于此项目（Jetpack Compose WhatsApp克隆）：如果您想开始使用Jetpack Compose，那么这个项目适合您。 Jetpack Compose的常见用例已在...
Jetpack-Compose-Android-Examples:通过示例了解适用于Android的Jetpack Compose。了解如何将Jetpack Compose用于Android App开发。 Android的现代工具包，用于构建本机UI
03-20
Jetpack-撰写Android-范例 通过示例了解适用于Android的Jetpack Compose。了解如何将Jetpack Compose用于Android App开发。 Android的现代工具包，用于构建本机UI。 关于这个项目： 如果您想开始使用Jetpack Compose...
jetpack-compose-awesome:Jet精选的Jetpack Compose库，项目，文章和资源的精选清单
04-13
:memo: 精选的JetpackCompose库，项目，文章和资源的精选列表。 另请参阅： 内容 影片 附加功能 :fire: 新闻/更新 宣布Jetpack Compose Beta！...重新组合-一种使用Jetpack Compose将XML中的Andro
Compose 经验分享：开发要点&常见错误&面试题
Eqiqi的博客
08-02 910
从 Compose 还在 alpha 到现在，用 Compose 完整的从零到一写了三个应用：Twidere X Android、Mask-Android，还有一个暂未公开的项目。Compose UI 最核心的一个思想就是：状态向下，事件向上，Compose UI 组件的状态都应该来自其参数而不是自身，不要在 Compose UI 组件中做任何计算，有非常多的性能问题其实是来自对于这一条核心思想的不理解。
Compose - Text 详解，2024年Android社招面试题精选
m0_60721649的博客
03-30 870
ClipEllipsisVisible关于最后一个Visible在中可以找到示例去演示器效果。笔者这边简化了一下。示例如下。
Android中高级进阶开发面试题冲刺合集（六）
m0_64420071的博客
10-11 796
以下主要针对往期收录的面试题进行一个分类归纳整理，方便大家统一回顾和参考。本篇是第六集~
Compose Preview 的 UX 设计之旅，BAT常见的20道Android面试题详解
m0_64604311的博客
12-07 252
集思构想: 冲刺设计方案 为了探究如何在 Compose 中支持这种开发 UI 代码的新模式，我们团队和我们的软件工程师、开发者关系工程师和产品管理伙伴一起举办了一个研讨会，以解决一个设计挑战: 我们如何利用开发者对现有工具的使用经验来帮助他们创建和掌握 Compose UI？ 我们基于 设计思维方法，从理解问题和调整问题的工作场景开始思考。这一过程需要团队在 “我们可以怎样… (How Might We…)” 这一框架下写出自己的想法，然后通过亲和图法 (affinitized) 去识别 《Androi
初识 Jetpack Compose(二) ：布局，android开发技术周报
m0_65146387的博客
12-13 382
通过Row的源码可以看到我们还可以传递如下几个参数： @Composable inline fun Row( modifier: Modifier = Modifier, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, verticalAlignment: Alignment.Vertical = Alignment.Top, content: @Composable RowScope.() -> Unit ) {
Android中的消息异步处理机制及实现方案
最新发布
FlyingFish868的博客
06-15 1085
Android UI 是非线程安全的，即所有的 UI 操作必须在主线程中执行；任何在工作线程中直接对 UI 进行操作都会导致不可预知的行为，甚至可能导致应用崩溃；消息异步处理机制确保了所有的 UI 更新都在主线程中执行，从而保证了线程安全
XXE漏洞修补：保护您的系统免受XML外部实体攻击
weixin_43822401的博客
06-14 365
XXE漏洞通常发生在解析XML文档时，如果允许引用外部实体，攻击者可以构造特殊的XML输入，导致应用程序读取或包含恶意文件或URL。这不仅可能泄露敏感信息，还可能被用于进一步的攻击。XXE漏洞是一个严重的安全问题，它威胁着Web应用程序和服务器的安全。通过本文介绍的修补策略，包括升级libxml版本、在代码层禁用外部实体解析以及过滤用户提交的XML数据，可以有效地减少XXE漏洞的风险。网络安全是一个持续的过程，需要系统管理员和开发者不断更新知识和技能，以应对不断变化的威胁。
【Android 11】AOSP Settings添加屏幕旋转按钮
xuanyulevel6的博客
06-13 461
这里是客户要求添加按钮以实现屏幕旋转。这里的值可以是0，1，2，3 的任意一个。我这里没有陀螺仪，所以只需要这个命令就够了。更多的可以参考但是这有个缺陷，就是开机的动画不能随着设置好的屏幕方向旋转。
2022中高级android面试必知百题.pdf
07-06
2022中高级android面试必知百题.pdf 是一份面向中高级 Android 开发岗位的面试必备题库。这份题库涵盖了Android开发的各个方面，包括Java基础、Android框架、网络通信、数据存储、性能优化、设计模式等等。对于准备...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值