偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

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

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

教程詳解

  • 技術應用: AndroidOS / Android SDK

  • 難易程度: 簡單

  • 預計完成時間: 15分鐘

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

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

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

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

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

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

使用動態(tài)字體尺寸

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

以下內容就是我們在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單位,因為它完全根據(jù)設備的像素密度調整顯示,而不涉及任何用戶偏好設定。

使用固定像素尺寸

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

在下面的文本框中,我們利用像素(簡稱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" /> 

使用標準系統(tǒng)字體尺寸

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

下面的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" /> 

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

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

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

總結

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

【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技術棧公眾號