skimemo


skimemo - 日記/2019-05-13/NativeScriptでActionItemの色を指定する の変更点


#blog2navi()
*NativeScriptでActionItemの色を指定する [#ad1df9f0]

NativeScriptでActionBarの右端にメニューを出す場合、[[マニュアル通り:https://docs.nativescript.org/ui/action-bar]]以下のようにします。~
#code(XML){{{
    <ActionBar class="action-bar">
        <Label class="action-bar-title" text="受信箱"></Label>
        <ActionItem tap="onInbox"
            text="受信箱" android.position="popup"
            visibility="{{ isInbox ? 'collapse' : 'visible' }}">
            </ActionItem>
        <ActionItem tap="onSendbox"
            text="送信箱" android.position="popup"
            visibility="{{ isSendbox ? 'collapse' : 'visible' }}">
            </ActionItem>
        <ActionItem tap="onTrash"
            text="ごみ箱" android.position="popup"
            visibility="{{ isTrash ? 'collapse' : 'visible' }}">
            </ActionItem>
    </ActionBar>
#code(php){{{
<ActionBar class="action-bar">
    <Label class="action-bar-title" text="受信箱"></Label>
    <ActionItem tap="onInbox"
        text="受信箱" android.position="popup"
        visibility="{{ isInbox ? 'collapse' : 'visible' }}">
        </ActionItem>
    <ActionItem tap="onSendbox"
        text="送信箱" android.position="popup"
        visibility="{{ isSendbox ? 'collapse' : 'visible' }}">
        </ActionItem>
    <ActionItem tap="onTrash"
        text="ごみ箱" android.position="popup"
        visibility="{{ isTrash ? 'collapse' : 'visible' }}">
        </ActionItem>
</ActionBar>
}}}
デフォルトだと以下のように表示されますが、色がグレーです。~
#ref(Screenshot_2019-05-13-09-39-42.png)~
#ref(./Screenshot_2019-05-13-09-39-42.png,50%)~
~
この色を変えるにはclassで指定してもダメで、resourceを追記する必要があります。~
詳しくは[[こちら:https://github.com/NativeScript/NativeScript/issues/1316]]。~
ファイルは&inlinecode{App_Resources\Android\src\main\res\values\styles.xml};。
ファイルは&inlinecode{App_Resources\Android\src\main\res\values\styles.xml};。~
追記するのは&inlinecode{name="AppThemeBase"};の中です。
#code(xml){{{
    <!-- theme to use AFTER launch screen is loaded-->
    <style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
                               :
                               :
        <item name="android:textColorSecondary">#fff</item>
    </style>
#code(php){{{
<!-- theme to use AFTER launch screen is loaded-->
<style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
                           :
                           :
    <item name="android:textColorSecondary">#fff</item>
</style>
}}}

#ref(./Screenshot_2019-05-13-09-58-59.png,50%)~
~;-)
#htmlinsert(twitterbutton.html)
RIGHT:Category: &#x5b;[[NativeScript>日記/Category/NativeScript]]&#x5d; - 10:09:39
----
RIGHT:&blog2trackback();
#comment(above)
#blog2navi()