skimemo

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• skimemo - 日記/2019-05-13/NativeScriptでActionItemの色を指定する へ行く。
  • 1 (2019-05-13 (月) 10:10:10)

#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>
}}}
デフォルトだと以下のように表示されますが、色がグレーです。~
#ref(Screenshot_2019-05-13-09-39-42.png)~
~
この色を変えるにはclassで指定してもダメで、resourceを追記する必要があります。~
詳しくは[[こちら:https://github.com/NativeScript/NativeScript/issues/1316]]。~
ファイルは&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>
}}}

#htmlinsert(twitterbutton.html)
RIGHT:Category: &#x5b;[[NativeScript>日記/Category/NativeScript]]&#x5d; - 10:09:39
----
RIGHT:&blog2trackback();
#comment(above)
#blog2navi()