スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像なしでxml使ってToggleButtonのカスタマイズ

ボタンなどがダサいとも言われたので、Seekbarみたいにカスタマイズできるようにしようかなと。
ただ、画像リソースとか嫌いですので、xmlだけでどうにかしたいなと。

※結果としては面倒だったので軽いアプリを目指している事もあり、対応しないことにしました。
残念なことに私にはセンスがないですしね。下手にやって結果ダサいという評価を避けるためにも・・・


せっかくなので以下メモを残しておきます。
画像を使いたくないけど、ボタンをカスタマイズしたいという事で、
xmlを使って頑張ってみます。

ゴールはこんな感じ。

WS000001.jpg
もう少しいい方法ありそうな気もしますけど。


drawableに適当なリソースを用意します。
簡易の為、チェック時の記載のみ。
state_checked=falseのものなども用意します。

drawable
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
  <layer-list>
  <item>
    <shape
      android:shape="rectangle">
      <gradient
      android:angle="90"
      android:startColor="#FFFFFF"
      android:endColor="#888888"
      android:type="linear" />
      <corners
              android:radius="5dip" />
      <!-- 周りを囲みたい場合など
       stroke
              android:width="1dip"
              android:color="#FFFF22"/>
       -->
    </shape>
  </item>
  <item
        android:top="25dp"
        android:left="5dp"
        android:right="5dp"
        android:bottom="5dp">
    <shape android:shape="rectangle">
      <gradient
      android:angle="90"
      android:startColor="#00FFFF"
      android:endColor="#003333"
      android:type="linear" />
      <corners
              android:radius="10dip" />
    </shape>
  </item>
  </layer-list>
</item>
</selector>

ToggleButton
<ToggleButton
  android:id="@+id/toggleButton1"
  android:layout_width="100dp"
  android:layout_height="50dp"
  android:text="ToggleButton" android:checked="true"
  android:background="@drawable/上記リソース名"
  android:gravity="top|center_horizontal"
  android:paddingTop="8dp"/>
関連記事

コメントの投稿

非公開コメント

スポンサードリンク
アプリ一覧
最新記事
最新コメント
最新トラックバック
検索フォーム
月別アーカイブ
カテゴリ
RSSリンクの表示
リンク
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。