成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Andoird用戶界面設計上手指南:設置字體大小

譯文
移動開發 Android
Android設備多種多樣,不同機型配備的屏幕尺寸也是有大有小、形狀各異。而Android開發人員為了保證應用程序中的文字以美觀順暢的閱讀效果呈現給用戶,必須要針對各類屏幕尺寸設計合適的顯示方案。

教程詳解

  • 技術應用: AndroidOS / Android SDK

  • 難易程度: 簡單

  • 預計完成時間: 15分鐘

【51CTO譯文】在本文中,我們將介紹一些簡單的處理方式,幫助開發人員輕松編寫出能夠應對各類設備型號的應用程序文本方案,同時為用戶提供自定義文字尺寸功能。別擔心,整個過程沒什么難度,只要一步步按指南進行操作,大家再也不用為調整顯示效果而勞心傷神了。

在這篇上手教程中,我們將討論一些實用性步驟,指引開發人員在擁有足夠靈活性的前提下保證文字清晰易讀,同時使自己的產品能夠適應多種屏幕類型及各類用戶顯示設定。

用戶如何按需求配置字體設定

首先要強調一點,某些用戶可能存在視力障礙甚至幾近失明,他們無法順利閱讀一般尺寸下的文字內容。Android操作系統意識到了這些情況,并提供了一套顯示輔助功能,使得用戶可以根據自己的使用習慣隨意縮放設備中文本字體的大小。

要在設備上修改字體設定,首先啟用“設定”應用,然后選擇“顯示”項下的“字體尺寸”。用戶可以在設備預置的四種文本字體尺寸中選擇適合自己的方案(包含小、正常、大、超大),詳見圖一。

在設備預置的四種文本字體尺寸中選擇適合自己的方案

使用動態字體尺寸

如果大家希望自己的應用文字能夠根據用戶偏好設置進行靈活調整,則需要使用SP(即可縮放點)單位對文本字體尺寸加以定義。Android平臺允許我們通過各種方式為各種顯示要素的尺寸賦值。而在文本尺寸方面,我們一般推薦使用諸如DP(與設備無關的像素)及SP為顯示密度進行單獨設定。SP單位在文字尺寸方面表現***,因為它能夠完全按照用戶的顯示設定調整實際效果。

以下內容就是我們在SP單位中利用TextView(即文本顯示)功能定義字體尺寸:

  1. <TextView 
  2.         android:id="@+id/textView4" 
  3.         android:layout_width="wrap_content" 
  4.         android:layout_height="wrap_content" 
  5.         android:text="Sample Text - 26sp" 
  6.         android:textSize="26sp" /> 

而在標題、首行文本或者滾動文本框方面,我們往往不希望用戶的偏好設定給顯示效果帶來影響。在這類情況下,大家就應該嘗試DP單位,因為它完全根據設備的像素密度調整顯示,而不涉及任何用戶偏好設定。

使用固定像素尺寸

如果大家希望自己的應用文本在任何情況下都保持同樣的尺寸,那么PX單位的固定像素尺寸功能會幫上大忙。雖然有時候這么做會使默認字體尺寸在某些設備上難以閱讀,但如果大家有充分的理由堅持這一點,那么禁用文本內容縮放或尺寸變更還是有必要的。在這類情況下,大家不妨利用絕對尺寸值為字體設計大小,例如指定文字的像素顯示數量。

在下面的文本框中,我們利用像素(簡稱PX)單位為字體設置固定的尺寸。通過這種方式,文本內容會嚴格按照我們的定義進行顯示,而不會被用戶的偏好設置或者其它干擾因素所影響。

  1. <TextView 
  2.     android:id="@+id/textView5" 
  3.     android:layout_width="wrap_content" 
  4.     android:layout_height="wrap_content" 
  5.     android:text="Sample Text - Fixed Pixels" 
  6.     android:textSize="14px" /> 

使用標準系統字體尺寸

Android平臺定義了一套普遍適用的字體尺寸方案,我們可以將其直接套用到自己的應用程序當中:小、中、大三種選項基本能夠滿足各類用戶需求。這些字體尺寸以SP單位為基礎配置而成,因此會隨著用戶的偏好設置而發生變更。

下面的XML定義了三種文本框控制類型,一種會顯示小字體、一種顯示中字體、第三種則顯示大字體。

  1. <TextView 
  2.     android:id="@+id/textView1" 
  3.     style="@android:style/TextAppearance.Small" 
  4.     android:layout_width="wrap_content" 
  5.     android:layout_height="wrap_content" 
  6.     android:text="Sample Text - Small" /> 
  7. <TextView 
  8.     android:id="@+id/textView2" 
  9.     style="@android:style/TextAppearance.Medium" 
  10.     android:layout_width="wrap_content" 
  11.     android:layout_height="wrap_content" 
  12.     android:text="Sample Text  - Medium" /> 
  13. <TextView 
  14.     android:id="@+id/textView3" 
  15.     style="@android:style/TextAppearance.Large" 
  16.     android:layout_width="wrap_content" 
  17.     android:layout_height="wrap_content" 
  18.     android:text="Sample Text  - Large" /> 

現在讓我們將前面提到的內容綜合起來,并在“冰淇淋三明治”版本的Android設備上看看文本框的實際顯示效果。先看***幅圖,用戶在偏好設置中選擇了普通字體;在第二幅圖中,用戶則在偏好設置中選擇了超大字體。請注意文本框功能在不同的設置下是如何控制顯示效果的。

用戶則在偏好設置中選擇了超大字體

用戶則在偏好設置中選擇了超大字體

總結

Android設備林林總總,尺寸不同且形狀各異,因此Android用戶必然會根據自己設備型號的不同對應用程序中的字體提出有針對性的需求。由于屏幕尺寸的固有限制,開發人員必須在應用程序中采取適當的應對措施,才能保證文本內容在任何機型中都擁有理想的可讀性與靈活的排版效果。***步,確保自己的應用程序使用完全獨立于設備之外的、以像素為基礎單位的尺寸設置方案,但也不要忘了用戶設置將給實際顯示效果帶來的巨大甚至是意料之外的影響。

【51CTO譯稿,非經授權謝絕轉載,合作媒體轉載請注明原文出處、作者及51CTO譯者!】

原文鏈接: http://mobile.tutsplus.com/tutorials/android/android-user-interface-design-basic-font-sizes/

責任編輯:佚名 來源: 51CTO.com
相關推薦

2013-11-27 10:12:11

2013-12-04 14:44:41

Android SDK用戶交互

2011-06-01 10:58:57

2011-06-01 10:30:41

用戶界面

2021-01-26 08:37:18

MobXVueReact

2010-12-16 10:31:16

iOSiPhone應用界面設

2013-04-11 10:26:37

Google Glas谷歌眼鏡指南分析

2025-05-28 15:46:13

2011-04-22 11:01:36

框架布局界面設計Android

2011-05-19 08:49:01

使用片段界面設計Android

2011-04-11 17:25:30

線性布局用戶界面設計Android

2011-04-08 13:58:10

Android界面設計

2012-01-16 16:16:49

JavaSwing

2011-04-19 09:19:37

相對布局界面設計Android

2011-04-11 17:07:33

布局基礎用戶界面設計Android

2014-06-24 09:41:56

Android Stu教程

2024-01-29 00:36:50

Backstage設施工具

2014-11-26 10:42:55

界面設計

2011-06-01 09:31:46

用戶界面設計

2012-01-16 11:03:09

javaswing
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 91看片免费版 | 网色 | 国产一区二区在线播放视频 | www.日本国产 | 九九99精品 | 18性欧美| 久热免费 | 伊人春色成人 | 日韩欧美在线观看 | 亚洲精品久久久久久久久久久 | 日本亚洲一区二区 | 国产精品久久久久久久毛片 | 91豆花视频 | www.一区二区三区 | 国产精品影视在线观看 | 秋霞在线一区二区 | 九九久久免费视频 | 男女羞羞视频网站 | 国产婷婷色综合av蜜臀av | 国产不卡在线观看 | 黄色网址免费看 | 一区二区三区欧美在线观看 | 精品视频一区二区三区 | 中文字幕在线一区 | 亚洲色图综合网 | 国产高清精品一区二区三区 | 在线播放中文字幕 | 国产在线精品一区二区三区 | 欧美日韩亚洲视频 | 综合久久一区 | 亚洲国产欧美国产综合一区 | a级片在线观看 | 精品一区二区三区不卡 | 欧美激情精品久久久久久免费 | 久久成人免费视频 | 精品香蕉一区二区三区 | 少妇久久久| 亚洲一区二区三区在线播放 | 亚洲一区高清 | 精品乱码一区二区三四区视频 | 中文字幕一区二区三区四区 |