Our SuccessKnowledges
NEXTZY Logo
Crews
Chat
Talk with Team
NEXTZY Logo
NEXTZY
Chat
Home>Knowledges

เราใช้ Font xml กันได้แล้วนะรู้ยัง

Share:

เราใช้ Font xml กันได้แล้วนะรู้ยัง

Table of contents

  • Font-weight specification
  • มาดูวิธีใช้กัน
Nonthawit

Nonthawit

CEO | Engineer | Designer

VIEW

3,210

CATEGORY

Technical

LAST UPDATED

October 25, 2017

Nonthawit

Nonthawit

CEO | Engineer | Designer

VIEW

3,210

CATEGORY

Technical

LAST UPDATED

October 25, 2017

เนื่องจาก font resource เป็น feature ที่มาพร้อมกับ Android O แต่อย่าเข้าใจผิดว่าใช้ได้แค่ Android O นะ เพราะ feature นี้ถือเป็น support library นั่นหมายความว่าสามารถใช้ได้ตั้งแต่ API level 14 ขึ้นไปได้ 😇

แต่มีข้อแม้ว่าต้อง compile android support version 26 ขึ้นไป

compile 'com.android.support:appcompat-v7:26.x.x'

ใครใช้วีธี plug font แบบ manual แนะนำให้เปลี่ยนมาใช้ font resource แล้วประกาศ deprecated ของเก่าได้เลยครับ 😎

แต่ก่อนเข้าเรื่องกันเราควรรู้จักกับความหนาของตัวอักษรกันก่อน

Font-weight specification

[ 100 to 900 ]
- 100 - Thin
- 200 - Extra Light (Ultra Light)
- 300 - Light
- 400 - Normal
- 500 - Medium
- 600 - Semi Bold (Demi Bold)
- 700 - Bold
- 800 - Extra Bold (Ultra Bold)
- 900 - Black (Heavy)

ref: font-weight-numeric-values

จริงแค่นี่แหละไม่มีอะไร หน้าที่ของเราคือจำให้ได้อย่างเดียวฮาๆๆ

มาดูวิธีใช้กัน

import font เหมือน drawable ธรรมดาเลยโดยสร้าง

font res folder ==> import .ttf ==> create .xml

โดยหน้าตา XML จะเป็นประมาณนี้

tools:ignore="UnusedAttribute"

ถ้าไม่ใส่มันจะ warning ว่า “only used in API level 26 and higher” ที่ android namespaces เพราะเป็น namespace ที่ใช้บน Android O เท่านั่น

ส่วน app namespaces จะใช้กับ Android ที่ API ตำ่ลงมา

ส่วนตัวอย่างการใช้ก็ประมาณนี้เลยครับ

android:fontFamily="@font/productsans"
android:textStyle="normal|bold|italic"

เพื่อให้หยิบไปใช้งานสะดวกไม่ต้องมานั่งประกาศแบบนี้ทุกครั้งแนะนำให้ทำเป็น style ไว้เลยครับ 😎

[Android Design] Style and Theme - เพราะชีวิตต้องมีสไตล์
บนแอนดรอยด์นั้นได้มีการนำไฟล์ XML มาช่วยให้เรื่องของ Layout Design ให้ทำได้ง่ายขึ้น รวมไปถึง Resource ต่างๆอย่างการเก็…www.akexorcist.com

ถ้าทำเสร็จแล้วก็จะได้ออกมาประมาณนี้เนาะ

แปะ link Githubไว้ให้ด้วย เข้าไปดูกันได้

nontravis/font-compat-example
font-compat-example - Font compat resource example android :)github.com

วันนี้คงไว้เท่านี้เจอกันบล็อกหน้าครับผม 😎

อย่าลืม share มนุษย์ Android คนอื่นด้วยหละ 😎

Share:

KNOWLEDGE

Related Articles

เข้าใจการทำ Selector แบบ Ripple effect
Nonthawit

Nonthawit

CEO | Engineer | Designer

เข้าใจการทำ Selector แบบ Ripple effect

20 สิ่ง ที่ได้หลังจากเป็น Android developer ที่ Nextzy 3 เดือน
Nonthawit

Nonthawit

CEO | Engineer | Designer

20 สิ่ง ที่ได้หลังจากเป็น Android developer ที่ Nextzy 3 เดือน

บทความนี้แชร์ประสบการณ์ 3 เดือนแรกของการทำงานเป็น Android Developer ที่ Nextzy ครอบคลุมทั้งด้าน technical เช่น MVP architecture, Android Lifecycle, ProGuard, Git workflow และการเขียน Unit Test รวมถึงด้าน soft skill อย่างการสื่อสารกับทีม, การแชร์ความรู้, และการเขียนโค้ดให้ readable และยืดหยุ่น นอกจากนี้ยังสะท้อนวัฒนธรรมองค์กรที่เน้นทีมเวิร์ค การ review โค้ด และบรรยากาศการทำงานที่สนุกสนาน ซึ่งล้วนช่วยลด learning curve และพัฒนาทักษะได้เร็วกว่าการเรียนรู้คนเดียว

[Tip/Trick] วิธีติดต่อกับ WebView ผ่าน JavascriptInterface มันเท่มาก
Nonthawit

Nonthawit

CEO | Engineer | Designer

[Tip/Trick] วิธีติดต่อกับ WebView ผ่าน JavascriptInterface มันเท่มาก

NEXTZY Logo
NEXTZY
48/27 Ratchadaphisek Rd, Samsen Nok, Huai Khwang, Bangkok 10310

Base at Thailand

Thailand

Home

Crews

Success

Download press kits

Knowledges

Chat

Talk with team

SCHEDULE