18 ก.ค. 2557

[TIP Android] การกำหนด Style Acrtionbar Android

วันนี้ผมมีวิธีการกำหนด Style ให้เจ้าตัว Actionbar ง่ายๆ มาฝากครับ ติดตามต่อได้เลย..


เราจะกำหนด ค่า ใน Styles.xml ที่อยู่ภายใต้ Resource นะครับ

<resources>

    <style name="AppBaseTheme" parent="android:Theme.Holo.Light">
    </style>

    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
    </style>

    <style name="MyActionBar" parent="android:Widget.Holo.Light.ActionBar.Solid.Inverse">
        <item name="android:background">#800000</item>
        <item name="android:titleTextStyle">@style/TitleColor</item>
    </style>

    <style name="TitleColor" parent="android:TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">#000099</item>
        <item name="android:textStyle">bold</item>
    </style>
</resources>
refer : click link here 
ต่อมาเราจะเรียกใช้งาน โดยไปกำหนดค่าในไฟล์ AndroidMinifest.xml 

<application
  ...
...
android:theme="@style/AppTheme"
...
...
/>
... </application>
อธิบายกันนิดหนึ่งแล้วกันครับ 

จะเห็นได้ว่ามีการเรียกใช้งาน มาเป็นทอดๆ โดย AppBaseTheme มีค่า Parent เป็นค่าหลัก ก็คือ android:Theme.Holo.Light
ดังนั้นหากเราจะ Custom Style ก็สร้าง Style tag ขึ้นมาอีก 3 ตัวคือ Style tag สำหรับ AppTheme ใช้เป็นตัวรวมสไตล์ภายใต้ AppBaseTheme Style tag สำหรับ MyActionbar ใช้เป็นตัวกำหนดค่าสไตล์ต่างๆของ Acitonbar พวก Style BG, Text ครับ โดยค่า Parent จะต้องอิงจาก Base หลักของ Actionbar
android:Widget.Holo.Light.ActionBar.Solid.Inverse ตัวนี้ครับ
Style tag สำหรับ TitleColor ส่วนนี้เป็นการกำหนดค่า text ให้มีค่าสีเท่ากับ #000099 และสไตล์เป้นตัวหนา โดยถูกเรียกใช้งานจาก MyActionBar 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

Ads Inside Post

-