在App Development中缩放字体大小的理想方法是什么? [英] What is the ideal way to scale font size in App Development?
问题描述
我知道这个问题听起来有点奇怪.我是Flutter开发的新手.在使我的应用程序响应时,我在缩放文本时总是遇到问题.如果我将字体大小保持不变(例如10或20),则有时在高分辨率的设备上看起来太小,或者在小型电话上看起来太大.然后我尝试相对于屏幕尺寸(例如4%或屏幕宽度等)缩放它,但是问题仍然在于相对于屏幕高度或宽度缩放它?因此,我想知道总体上缩放文本的理想方法是什么.
I know this question might sound a bit odd. I am a newbie in Flutter Development. While making my app responsive I always face an issue while scaling the text. If I keep the font size constant (say 10 or 20) it sometimes looks too small on devices with large resolution or too big on small phones. Then I tried scaling it with respect to screen dimensions (like 4% or screen width etc) but then the question remains to scale it with respect to screen height or width ? Hence I want to know what is the ideal way for scaling the text in general.
预先感谢您的回答.
推荐答案
您可以创建尺寸文件,并将根据设备的dpi使用这些文件中定义的尺寸.您将必须创建:
You can create dimension files and the sizes defined in these files will be used according to the device's dpi. You will have to create:
- res/values-mdpi/dimens.xml
- res/values-hdpi/dimens.xml
- res/values-xhdpi/dimens.xml
- res/values-xxhdpi/dimens.xml
- res/values-xxxhdpi/dimens.xml
以下是您要用于不同屏幕尺寸的比率:3:4:6:8:12(m:h:xh:xxh:xxxh)
Following are the ratios you would want to use for different screen size: 3:4:6:8:12 (m:h:xh:xxh:xxxh)
假设您有一个设备(hdpi),您想要将文本大小设置为12sp.因此,您将文本大小设置为:
Let's say you have a device(hdpi), you want to set the text size to 12sp. So you will set text sizes as:
- mdpi-9sp
- hdpi-12sp
- xhdpi-18sp
- xxhdpi-24sp
- xxxhdpi-36sp
确保所有"dimens.xml"中的名称都应相同
Make sure the name should be same in all 'dimens.xml'
res/values-mdpi/dimens.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="title">12sp</dimen>
<dimen name="paragraph">9sp</dimen>
</resources>
res/values-hdpi/dimens.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="title">16sp</dimen>
<dimen name="paragraph">12sp</dimen>
</resources>
res/values-xhdpi/dimens.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="title">24sp</dimen>
<dimen name="paragraph">18sp</dimen>
</resources>
res/values-xxhdpi/dimens.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="title">32sp</dimen>
<dimen name="paragraph">24sp</dimen>
</resources>
res/values-xxxhdpi/dimens.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="title">48sp</dimen>
<dimen name="paragraph">36sp</dimen>
</resources>
这篇关于在App Development中缩放字体大小的理想方法是什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!