首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android入门教程 | TextView简介(宽高、文字、间距)

应用上显示文字,我们通常使用TextView。 之前我们已经知道如何获取到layout中的TextView,也知道setText()方法可以修改显示的文字。...dp是中的一种单位,通常用来规定控件的宽高,间隔距离等等。类似的,表示文字大小的单位,卓里用sp。 显示文字 显示文字,可能是 TextView 最主要的用法了。...textColor 设置字体颜色 textSize 设置字体大小 textStyle 设置字体样式 textStyle 设置字体样式 normal 没有特殊效果,默认值 italic 斜体 bold 粗体...如果显示中文,无论选择这三种字体中的哪一种,显示效果都是一样的。 layout中设置字体: 使用 android:typeface 来设置字体。 <!...把字体文件放在assets/font目录里。 代码中使用AssetManager来获取字体。 例如:在Activity中设置字体

1.3K00

Android入门教程 | TextView简介(宽高、文字、间距)

应用上显示文字,我们通常使用TextView。 之前我们已经知道如何获取到layout中的TextView,也知道setText()方法可以修改显示的文字。...dp是中的一种单位,通常用来规定控件的宽高,间隔距离等等。类似的,表示文字大小的单位,卓里用sp。 显示文字 显示文字,可能是 TextView 最主要的用法了。...textColor 设置字体颜色 textSize 设置字体大小 textStyle 设置字体样式 示例: [1240] [1240] textStyle 设置字体样式 normal 没有特殊效果,默认值...italic 斜体 bold 粗体 xml 中设置: 示例1:设置斜体 <TextView android:layout_width="match_parent" android...如果显示中文,无论选择这三种字体中的哪一种,显示效果都是一样的。 layout中设置字体: 使用 android:typeface 来设置字体。 <!

1.7K20
您找到你想要的搜索结果了吗?
是的
没有找到

依赖管理(一):图片、字符串文件和字体在Flutter中怎么用?

字体则是另外一类较为常用的资源。手机操作系统一般只有默认的几种字体,在大多数情况下可以满足我们的正常需求。但是在一些特殊情况下,我们可能需要使用自定义字体来提升视觉体验。...在Flutter中,使用自定义字体同样需要在 pubspec.yaml 文件中提前声明。需要注意的是,字体实际上是字符图形的映射。...所以,除了正常字体文件外,如果你的应用需要支持粗体和斜体,同样也需要有对应的粗体和斜体字体文件。...在将 RobotoCondensed 字体摆放至 assets 目录下的 fonts 子目录后,下面的代码演示了如何将支持斜体与粗体的 RobotoCondensed 字体加入到我们的应用中: fonts...: assets/fonts/RobotoCondensed-Bold.ttf weight: 700 # 粗体 这些声明其实都对应着TextStyle中的样式属性,如字体名family

2.8K30

Flutter中Text与Container 组件

从右至 左; 3. overflow:文字超出屏幕之后的处理方式; (1). clip 裁剪; (2). fade 渐隐; (3). ellipsis 省略号; 4. textScaleFactor:字体显示倍率...; 5. maxLines:文字显示最大行数; 6. style:字体的样式设置,值为TextStyle的类,其参数有: (1). decoration 文字装饰线; A. none 没有线; B. lineThrough...删除线; C. overline 上划线; D. underline 下划线; (2). decorationColor 文字装饰线颜色; (3). decorationStyle 文字装饰线风格;...; A. bold 粗体; B. normal 正常体; 更多参数参考: https://api.flutter.dev/flutter/painting/TextStyle-class.html 2....代码示例 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } // 自定义无状态组件 class

80211

Flutter中值得收藏的几个包

华为云享专家,InfoQ签约作者,OpenHarmony布道师,,华为云享专家,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,鸿蒙,小程序,...跳过按钮,用于跳过应用程序介绍。 自定义字体选择。 img 2.path_provider:^2.0.10 用于查找文件系统上常用位置的 Flutter 插件。...支持、iOS、Linux、macOS 和 Windows。并非所有平台都支持所有方法。...6.google_fonts Flutter包google_fonts允许您在 Flutter 应用程序中轻松使用?fonts.google.com提供的数千种字体中的任何一种。...它将节省开发时间,并提供您的应用程序可以提供的最大性能。 通常,开发人员应该关注从内存中删除控制器。对于 GetX,这不是必需的,因为默认情况下不使用资源时会从内存中删除它们。

1.3K31

Compose Text 文本和 AnnotatedString 多种样式的文本详解|技术创作特训营第一期

;fontFamily 用于设置文本字体,Android 系统默认四种字体,也可以按照需求下载自定义字体,注意引入时需要完整路径;Text( text = "$name, fontWeight =...;textDecoration 用于设置文本修饰器,可以设置文本的删除线、下划线等;Text(text = "$name, letterSpacing = 2.sp", letterSpacing =...的 baselineShift 用来让所有文字互相对齐的基准线,视觉上更舒适; fontSynthesis 用于合成字体,当使用的 FontFamily 不包含粗体或斜体时,系统是否应该伪造粗体或斜体...;9.3 textIndent & shadow    TextStyle 的 textIndent 用于设置文本缩进,设置缩进位置;shadow 用于设置文本阴影,仅限于文字内容,其中 blurRadius...Text(text = annotatedString1)使用字符串和样式构建:允许在添加字符串时同时设置样式;使用 withStyle 函数包裹 append 函数,以便为特定的文本部分应用样式;val

2.1K32

【Flutter 专题】94 初识 MediaQuery

当我们同时为手机和平板适配编写 app 针对不同屏幕尺寸进行 UI 布局或当用户偏好设置较大字号或是想要最大限度等减少动画等;此时就需要 MediaQuery 来帮我们获取所用设备的信息以及用户设置的偏好信息...MediaQuery.removePadding() 删除内边距 factory MediaQuery.removePadding({ Key key, @required BuildContext...4. textScaleFactor textScaleFactor 为 每个逻辑像素的字体像素数,和尚理解为字体的像素比;注意,和尚设置了默认字体像素密度为标准的 1.2 倍之后调整设备系统字号,其...: MediaQuery.of(context).copyWith(textScaleFactor: 1.2), child: Text('字体像素比 * 1.2', style: TextStyle...11. boldText boldText 为平台是否要求使用粗体; print('是否使用粗体 -> ${MediaQuery.of(context).boldText}'); ?

96831

Flutter中 Text 与 Container 组件

从右至 左; 3. overflow:文字超出屏幕之后的处理方式; (1). clip 裁剪; (2). fade 渐隐; (3). ellipsis 省略号; 4. textScaleFactor:字体显示倍率...; 5. maxLines:文字显示最大行数; 6. style:字体的样式设置,值为TextStyle的类,其参数有: (1). decoration 文字装饰线; A. none 没有线; B. lineThrough...删除线; C. overline 上划线; D. underline 下划线; (2). decorationColor 文字装饰线颜色; (3). decorationStyle 文字装饰线风格;...; A. bold 粗体; B. normal 正常体; 更多参数参考: https://api.flutter.dev/flutter/painting/TextStyle-class.html 2....代码示例 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } // 自定义无状态组件 class

3.5K20

关于flutter中的TextStyle详解

TextStyle style 文本样式,样式属性如表: 属性 说明 Color color 文本颜色。如果指定了foreground,则此值必须为null。...TextDecoration decoration 绘制文本装饰:下划线(TextDecoration.underline)上划线(TextDecoration.overline)删除线(TextDecoration.lineThrough...double height 文本行与行的高度,作为字体大小的倍数(取值1~2,如1.2) Locale locale 此属性很少设置,用于选择区域特定字形的语言环境 Paint background 文本背景色...如果给定样式的TextStyle.inherit属性为true(默认值),则给定样式将与最接近的DefaultTextStyle合并。...例如,这种合并行为很有用,可以在使用默认字体系列和大小时使文本变为粗体

1.8K30

关于flutter中的TextStyle详解

TextStyle style 文本样式,样式属性如表: 属性 说明 Color color 文本颜色。如果指定了foreground,则此值必须为null。...TextDecoration decoration 绘制文本装饰:下划线(TextDecoration.underline)上划线(TextDecoration.overline)删除线(TextDecoration.lineThrough...double height 文本行与行的高度,作为字体大小的倍数(取值1~2,如1.2) Locale locale 此属性很少设置,用于选择区域特定字形的语言环境 Paint background 文本背景色...如果给定样式的TextStyle.inherit属性为true(默认值),则给定样式将与最接近的DefaultTextStyle合并。...例如,这种合并行为很有用,可以在使用默认字体系列和大小时使文本变为粗体

3K10

IOS设计尺寸与字体

冬青黑体( Hiragino Sans GB ):听说又叫苹果丽黑,日文字体Hiragino KakuGothic的简体中文版,简体中文有 常规体 和 粗体 两种,冬青黑体是一款清新的专业印刷字体,小字号时足够清晰...细体、常规体、中黑体、中粗体。...San Francisco:同样是Mac OS X EL Capitan上最新发布的西文字体,感觉和Helvetica看上去差别不大,目前已经应用在Mac OS 10.11+、iOS 9.0+、watch...3、Android系统: Droid Sans、Droid Sans Fallback:Droid Sans为系统中默认的西文字体,是一款人文主义无衬线字体,而Droid Sans Fallback...结论:Droid Sans为默认的字体,并结合了中英文,无需单独设置。 4、iOS系统: iOS系统的字体和Mac OS系统的字体相同,保证了Mac上的字体效果,iOS设备就没有太大问题。

1.8K00

Android控件之TextView

4.TextView可以说常用至极,所以掌握TextView是必要的 5.一些细小偏僻的点在这里综合一下,以便用时好找 --- 一、拿一个Hello World的TextView来举例 1、代码中设置字体大小...mIdTv.setMovementMethod(LinkMovementMethod.getInstance());//激活链接 mIdTv.setText(spanned); [HTML.png] --- 10.自定义字体...准备字体ygyxsziti2.0.ttf 在项目main文件夹里创建assets文件夹 [自定义字体.png] mIdTv.setTypeface(Typeface.createFromAsset(...getAssets(), "fonts/ygyxsziti2.0.ttf"));//设置字体 mIdTv.setText("张风捷特烈"); 11.设置可选择 android:textIsSelectable....png] 本文由张风捷特烈原创,转载请注明 更多技术欢迎访问:https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站,编程笔记请访问:http:

1.3K20

1-VIV-Android控件之TextView

TextView可以说常用至极,所以掌握TextView是必要的 [5].一些细小偏僻的点在这里综合一下,以便用时好找 ---- 一、拿一个Hello World的TextView来举例 1、代码中设置字体大小...HTML.png ---- 10.自定义字体!!! 准备字体ygyxsziti2.0.ttf 在项目main文件夹里创建assets文件夹 ?...自定义字体.png mIdTv.setTypeface(Typeface.createFromAsset(getAssets(), "fonts/ygyxsziti2.0.ttf"));//设置字体 mIdTv.setText..."));//设置字体 Bitmap bitmap = BitmapFactory.decodeResource( getResources(), R.mipmap.bg4...设置贴图.png 本文由张风捷特烈原创,转载请注明 更多技术欢迎访问:https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站,编程笔记请访问:http

56160

2018年的开发环境搭建

首先设置ANDROID_SDK_ROOT环境变量,值设置SDK文件夹存放位置。 然后设置ANDROID_AVD_HOME环境变量,值设置模拟器的存放位置。...disable.android.first.run=true 如果顺利的话,就会显示这么一个初次运行对话框,引导我们设置AS,第一步会询问是标准(Standard)还是自定义(Custom),当然选择自定义了...设置字体 默认字体小的可怜,而且是通用等宽字体monospaced,作为天天要看的代码字体,肯定必须要做修改。Windows自带的Consolas字体是一个非常不错的选择。...用USB连接将手机和电脑连接在一起,在手机上打开USB调试,按照设置不同可能还需要顺便打开USB安装和允许USB模拟点击等几个选项。当然需要注意的是这些选项会直接在手机上安装应用。...由于我手机小米8的P稳定版尚未推送,所以还正好无法运行P的应用,我还特地在gradle配置文件中将minSdkVersion修改为27,才能正好运行。

1.7K20

Flutter的文本、图片和按钮使用

fontFamily、字体大小fontSize、文本颜色color、文本阴影shadows等等,这些参数被统一封装到了构造函数中的参数style 展示单一样式的文本Text 居中布局、20号红色粗体展示样式的字符串...color: Colors.red),//20号红色粗体展示 ); 运行效果如下图所示: 在一段字符串中支持多种混合展示样式 与单一样式的关键区别在于分片,即如何把一段字符串分为几个片段,给每个片段单独设置样式...分别定义黑色、红色两种展示样式,随后把一段字符串分成4个片段,并设置不同展示样式: TextStyle blackStyle = TextStyle(fontWeight: FontWeight.normal...若onPressed参数为空,则按钮会处于禁用状态,不响应用户点击 child参数用于设置按钮内容,告诉Flutter控件应长成啥样,即控制按钮控件的基本样式。...但自定义控件样式,Flutter的这些经典控件提供强大简洁扩展能力,快速开发功能复杂、样式丰富页面。

49220
领券