Androidプログラミングに挑戦2!(23)単位変換アプリを作る-色の調整

0
    JUGEMテーマ:プログラミング

    今回はアプリを公開する前の微調整として、画面の色を調整します。
    具体的にはアクションバーの色と、入力欄の下線およびカーソル類の色です。

    アクションバーの色は簡単です。
    res>values>colors.xmlに指定してある、colorPrimary, colorPrimaryDark, colorAccentの色指定を変えればOKです。
    アクションバーの背景がcolorPrimary、アクションバーの上部の通知領域がcolorPrimaryDarkになっています。colorAccentはこの画面では出てこないいようですが、念のためcolorPrimaryと同じ色に変えておきます。
     
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorPrimary">#77543a</color>
        <color name="colorPrimaryDark">#362111</color>
        <color name="colorAccent">#77543a</color>
    </resources>
    

    因みにこの色は、私のペーパークラフトのサイトで使っているテーマカラーの茶色とこげ茶色です。

    もう1点の入力欄の下線、カーソル、文字選択用のハンドル類の色を変えるのは、もうひと手間かかります。
    色をcolors.xmlに指定し、これを使ったthemeをstyles.xmlに記述し、レイアウトファイルでこのthemeを呼び出します。
    まず色は、先ほどの3色指定の後ろにつなげて2色程度指定しておきます。
     
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="colorPrimary">#77543a</color>
        <color name="colorPrimaryDark">#362111</color>
        <color name="colorAccent">#77543a</color>
        <color name="app_primary">#77543a</color>
        <color name="app_secondary">#77543a</color>
    </resources>
    

    次にstyles.xmlに新たなスタイルを記述します。
     
    <resources>
        (中略)
        
        <style name="EditTextColorControl">
            <item name="colorControlNormal">@color/app_primary</item>
            <item name="colorControlActivated">@color/app_secondary</item>
            <item name="colorControlHighlight">@color/app_secondary</item>
        </style>
    </resources>
    

    colorControlNormal、colorControlActivated、colorContorolHighlightの3つの名前だけは変えないでください。色の名前は先ほど作った色を呼び出します。そしてこのスタイルをテーマとしてレイアウトファイルで呼び出すわけです。
     
    (前略)
    
            <EditText
                android:layout_width="@dimen/inputWidth"
                android:layout_height="match_parent"
                android:inputType="numberDecimal"
                android:ems="10"
                android:id="@+id/editText"
                android:theme="@style/EditTextColorControl"
                android:textSize="@dimen/inputSize" />
    
    (後略) 
    

    こんな感じです。
    以上で、出来上がりはこんな風になります。



    ちょっといい感じになってきました。

    次はいよいよGoogle Playに登録?か??
    お楽しみに。

     


    コメント
    コメントする








       

    calendar

    S M T W T F S
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    
    << December 2019 >>

    アクセスカウンタ

    合計:
    今日:
    昨日:

    selected entries

    categories

    archives

    recent comment

    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      てちくん
    • ホームページをリニューアルするの巻(19)−Googleウェブサイト翻訳ツールを組み込む
      小田きく江
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      てちくん
    • ロリポブログでGoogleにサイトマップを登録する際の注意事項
      suraugi
    • いそべぇのペーパークラフトを作る(初級編)(12)
      てちくん
    • いそべぇのペーパークラフトを作る(初級編)(12)
      だべえ
    • noomでマイナス12kgのダイエットに成功!
      Yoko

    recommend

    recommend

    recommend

    ドール デザートメーカー ヨナナス901
    ドール デザートメーカー ヨナナス901 (JUGEMレビュー »)

    結構高いんです、でも欲しいんです!

    links

    profile

    書いた記事数:173
    最近の更新日:2017/01/30

    search this site.

    others

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM

    Google Adsense

    楽天ブックス

    楽天