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"
>




で、出力した結果

blog002.gif






お☆し☆い!



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


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

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

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

fill_parentとwrap_content入れ替えたり。











blog002.gif





全くかわらね!





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










と、したところ


blog003.gif




ktkr!


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

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

なるほど。

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

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

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

検索でここにたどり着いた方は、参考にしてちょ!ペロペロ


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

blog004.gif




気に入ったら押してね
  ブログランキング・にほんブログ村へ




~こんなアプリ出してます~

authored by Noraneko | Comment(0) | Android
コメント


お名前*

Email Address

URL

コメント*



BLOG内検索
<< 2024/03 >>
Sun Mon Tue Wed Thu Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
<< 過去ログ >>