2. 程式人生 > >iOS－－UILabel字型預設寬度和高度

iOS－－UILabel字型預設寬度和高度

阿新 • • 發佈：2019-01-09

今天發現了UILabel的一個屬性：intrinsicContentSize，這個屬效能返回UILabel物件的內容寬高（1行文字）。

寬度

接著發現UILabel物件的文字寬度是由文字的font屬性和文字個數確定的，而且中文、英文、數字的寬度計算還不一樣，我認為的一個原因是iOS預設的字型中，中文是等寬字型，而英文和數字並不是等寬字型。

  • 中文
    由於等寬，所以很好計算，包括全月角標點符號也是可以這麼計算的，就是：每個中文文字的寬度 * 文字個數。文字個數就很好確定了，但每個中文文字的寬度是怎樣確定的呢。通過一個小測試可知，中文文字的寬度是由UILabel的font屬性確定的，font屬性設定了多大號的字型，中文問題寬度就為多大號，即兩者呈線性關係（PS：這個關係的前提是使用系統預設的字型。此外，若沒有顯式設定font屬性的話，UILabel預設的字型大小為17），如：
label.font = [UIFont systemFontOfSize:12];      // 每個中文字寬度就為12
label.font = [UIFont systemFontOfSize:17];      // 系統預設字型大小，每個中文文字寬度為17
label.font = [UIFont systemFontOfSize:20];      // 每個中文文字寬度為20
  • 數字
    數字在系統預設字型內就不是等寬的了，所以寬度也會隨著數字的不同而不同，下面是字型大小為系統預設字型大小（即17）的數字寬度表：
數字 寬度
0 1013
1 7
13
2 10
3 1013
4 1023
5 1013
6 1023
7 913
8 1023
9 1023
  • 英文
    英文在系統預設字型中也是不等寬的，所以寬度也是會隨著字母的不同而不同，下面是字型大小為系統預設字型大小（即17）的數字寬度表：
小寫字母 寬度 大寫字母 寬度
a 9 A 1113
b 1013 B 11
c 913 C 12
d 1013 D 12
e 913 E 10
f 6 F 923
g 10 G 1213
h 10 H 1213
i 4 I 413
j 4 J 9
k 9 K 11
l 4 L 913
m 1423 M 1423
n 923 N 1213
o 923 O 13
p 10 P 1023
q 10 Q 13
r 613 R 11
s 823 S 1023
t 6 T 1023
u 923 U 1213
v 9 V 11

相關推薦

iOS－－UILabel字型預設寬度和高度

今天發現了UILabel的一個屬性：intrinsicContentSize，這個屬效能返回UILabel物件的內容寬高（1行文字）。 寬度 接著發現UILabel物件的文字寬度是由文字的font屬性和文字個數確定的，而且中文、英文、數字的寬度計算還不一

iOS開發-基礎:UILabel字型加粗

//加粗; [UILabel setFont:[UIFont fontWithName:@"Helvetica-Bold" size:20]]; //加粗並且傾斜 [UILabel setFo

C# 獲取PDF文件的字型資訊及指定文字的座標，寬度和高度

在本篇文章中我將分享如何使用C#程式設計的方法來獲取PDF文件中文字的字型資訊（字型名稱，大小，型別等）及指定文字的座標（X，Y），寬度和高度。這個方法使用了一個免費PDF元件Free Spire.PDF。 Free Spire.PDF簡單介紹 Free Spire.P

UILabel自適應裡面的文字，自動調整寬度和高度

    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,0,0)]; // frame之後會重置size。     [label setNumberOfLines:0]; // 允許多行顯示

CODEVS 1501二叉樹最大寬度和高度

它的 logs nbsp 二叉 ace 最小寬度 最大 -h blog 題目描述 Description 給出一個二叉樹，輸出它的最大寬度和高度。 輸入描述 Input Description 第一行一個整數n。 下面n行每行有兩個數，對於第i行的兩個數

JS獲取屏幕的寬度和高度

邊線 spa top offset nbsp log off document color <html> <script> 　　function a(){ 　　　　document.write( 　　　　"屏幕分辨率為："+screen.width

js和jquery如何獲取圖片真實的寬度和高度_javascript技巧

寬高 clas 獲取 deb 問題 網頁 log css www. 在做pc網頁的時候，有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然後判斷過後給予不同的展示方式！ 另外一種就是在手機頁面上，在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示，如果手機屏幕太小，

JavaPOI設置Excel單元格的寬度和高度

mvc sco .html adb cvs docs sm3 shuf a10 uq1m1u杖刳苯嗆逼日http://docstore.docin.com/gde52315jdyl昂抗掌冶闌錘http://jz.docin.com/dqgis813189o011z殘豢忍縷仁

瀏覽器寬度和高度的說明

工作區 eve post off mage 技術 title www. gpo IE中： document.body.clientWidth ==> BODY對象寬度 document.body.clientHeight ==> BODY對象高度 docume

18.2.14 codevs1501 二叉樹最大寬度和高度

isp 連接 左右 ron esp color 整數 end codevs 題目描述 Description 給出一個二叉樹，輸出它的最大寬度和高度。 輸入描述 Input Description 第一行一個整數n。 下面n行每行有兩

2018.3.26 1501 二叉樹最大寬度和高度

一個空格 post 12px 一行 個數 padding pac ide urn 題目描述 給出一個二叉樹，輸出它的最大寬度和高度。 輸入描述 第一行一個整數n。下面n行每行有兩個數，對於第i行的兩個數，代表編號為i的節點所連接的兩個左右兒子的編號。如果沒有某個兒子

Js 中一系列寬度和高度的學習

頁面 chrome html5 影響 float 20px 我們 一個 完全 　　在學習元素一系列寬度和高度之前，我們先來看一個平時開發中幾乎不會遇到的問題，那就是html文檔聲明<!DOCTYPE html> 確實會對元素的寬高產生影響。幾乎不會遇到，是因為我

JS,Jquery獲取各種屏幕的寬度和高度

fun 寬度 屏幕分辨率 高度 add IE outer 屏幕 rip Javascript: 網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.clientHeight 網頁可見區域寬： document.

js、jq獲取屏幕的寬度和高度

scrollto adding scroll jquery java add query bsp javascrip Javascript: 網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.client

獲取網頁和瀏覽器視窗的寬度和高度

情況一： // 獲取瀏覽器視窗可視區域的寬度 不包含滾動條 var width=document.body.clientWidth; // 獲取網頁內容的實際高度 var height=document.body.clientHeight; console.log(width,height

獲取圖片實際渲染的寬度、高度與圖片原始的寬度和高度

　　在寫頁面時經常會遇到需要獲取圖片的寬度、高度等情況。然而以前總是獲取的是圖片實際渲染的寬度和高度，也就是你用css或js設定後的圖片的寬度和高度，並不是圖片原始的尺寸。今天突然遇到這個問題，一時之間不知如何做，查了下資料，自己摸索了一下。特此總結一下。 　　例如。有這樣一張圖片，程式碼如下：　　

react native獲取螢幕的寬度和高度

var Dimensions = require('Dimensions'); var {width,height} = Dimensions.get("window");//第一種寫法 var width1 = Dimensions.get('window').width//第二種寫法 expor

Android 獲取 螢幕寬度和高度——獲取文字高度和寬度

獲得螢幕寬度和高度 //直接在子元件中 1、WindowManager wm = (WindowManager) getContext() .getSystemService(Context.WINDOW_SERVI

Android獲得螢幕寬度和高度

//直接在子元件中 1、WindowManager wm = (WindowManager) getContext()                     .getSystemService(Context.WINDOW_SERVICE);        //目前版本已經

不確定元素寬度和高度時實現居中

一、在元素高度、寬度已知時，實現水平垂直居中就很簡單了 1 .position_all{ 2 width: 600px; 3 height: 400px; 4 position: absolute; 5 top: 50%; 6 left: 50%; 7 margin