ねこでもわかるプログラムとか

AndroidのXML奮闘日記

2012/03/06 00:00:00

はまってたあああああああああ！Noranekoです。

基本プログラムは、

ｺﾋﾟﾍﾟ->ｺﾝﾊﾟｲﾙ->期待通りの動きじゃない->検索->ｺﾋﾟﾍﾟ

の繰り返し。ほんと最近はソースがいっぱい落ちてて指先ひとつでﾀﾞｳﾝﾛｰﾄﾞ！
でもたまに他の値と組合すと期待通りの動きにならないことの方が多いでごわす！

で、Android手抜きUI講座として、XMLとImageViewでタップ時とタップ時でない時の画像変更について、書いてみましょう～。

他のブログの方のカスタマイズです。
で、私の場合、ボタン3つをandroid:layout_weight="1"を入れて均等配置したかったので、
そのブログの方のソースを拝借して、以下のように。

まず『res/values/style.xml』として、

で、『res/xml』ディレクトリに
上記のstart.xml～output.xmlを配置。内容は

こんな感じで。
『drawable/***』は画像になります。

なるほど。簡単ですっきり！

自分としては、それぞれのイベント処理も一個にまとめたかったんですが、
~~調べるのがめんどくさかった~~よくわからなかったので、
それぞれ対応のxmlを置きました。

そんで、main.xmlに以下の文を適当に挿入～。




android:id="@+id/linearLayout1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

>


android:id="@+id/start"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

style="@style/start"

>


android:id="@+id/stop"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

style="@style/stop"

>


android:id="@+id/output"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

style="@style/output"

>

で、出力した結果

お☆し☆い！

いやー実におしい。ほんとあとちょっとだよ！

なんだこれなら簡単にいけるじゃんて夕飯食って、

だらだらやってかれこれ4時間、、、

LinearLayoutの値いじったり、ImageViewの値いじったり、

fill_parentとwrap_content入れ替えたり。

全くかわらね！

で、centerとか指示してても横に伸びたりしてて、これおかしいな～
って思って、style.xmlを

と、したところ

ktkr！

これだよ。私の望んでいたのは！！

つまりbackground指定すると、android:layout_weight="1"で
背景画像も伸びちゃってたのよね。

なるほど。

なので、ImageViewなら、srcでそのまま画像を選択できるので、
backgroundじゃなく、srcにするのがおすすめです。
けっこうbackground指定してる人いるけど、なんでだろ？

画像が伸びるーって検索ワードいれたけどひっかからなかったので、
泣く泣くソースとにらめっこしてた。

ていうかこのxmlが使いづらくて触りたくなかった＞＜

検索でここにたどり着いた方は、参考にしてちょ！ﾍﾟﾛﾍﾟﾛ

画像をクリックすると下のように『***_on.***』と指定した画像に変わります。