[Tip/Trick] ToolNs ใน Android xml ใช้เถอะอยากบอกต่อ

ทำไมถึงต้องใช้

บางครั้งเราแค่จำเป็นต้องการแค่ preview บางอย่างบน layout เพื่อดูภาพรวมบน layout ก่อนที่จะ compile แอพเรา ดังนั้นมันไม่ดีแน่ถ้ามีบางส่วนที่เราใช้ “แค่ preview” เผลอหลุดไปบน production

toolNs จึงเป็น 1 namespace บน xml ที่มาตอบโจทย์ปัญหานี้

เพราะ toolNs แสดงแค่บน preview editor ใน android studio เท่านั้นคือ ไม่กระทบกับ production จริงแน่นอนสบายใจหายห่วง 😇

วิธีใช้งานให้ต้องประกาศ XML namespace xmlns:tools=”http://schemas.android.com/tools" เสียก่อนไว้ที่ root layout เพื่อให้ใช้ layout param “tools” ได้

shortcut -> toolNs + enter

มาเร่ิมดูกันดีกว่าว่าทำไมอยากให้ใช้กัน :)

layout param “android: …” สามารถใช้ใน “tools: …” ได้ทั้งหมด

เช่น

android:text="The Khaeng" <--> tools:text="The Khaeng"

android:visibility="visible" <--> tools:visibility="visible"

และอีกมากมาย

ดูผิวเผลินทั้งสองภาพแสดงใน tab preview เหมือนกันกันแต่จริงๆแล้ว

ถ้าเราลองกด run จะเห็นว่าตัวที่ใช้ tools:text=“The Khaeng” จะไม่มีข้อความ “The Khaeng” อยู่ เพราะอย่างที่เราบอกไว้ตอนต้น tools จะไม่กระทบกับ production

toolNs ยังมีตัวช่วยอย่างอื่นอีกด้วยนะ

• tools:context
• tools:listitem
• tools:layout

tools:context = “…”

ใส่เพื่อให้ link xml ไปที่ class ที่ inflate layout ตัวนี้ สะดวกดีไม่ต้องไปกดไล่หาเอง

Note: ใส่ทุกครั้งที่สร้าง layout file นะครัช

tools:layout = “@layout/…”

ใส่เพื่อให้ preview layout ที่เราต้องการแปะใน xml tag <fragment>

เราสามารถเห็น preview ได้เลยโดยไม่ต้อง กด run

tools:listitem

ใช้กับ ListView หรือ RecyclerView ได้ด้วยนะ

preview listitem ที่เราสร้างไว้ก็สามารถทำได้เช่นกัน แต่ได้ทีละชนิดนะ