アイコンを等間隔に並べるレイアウト

1,585 views
Skip to first unread message

安藤呂井土

unread,
Sep 5, 2013, 9:32:37 AM9/5/13
to android-g...@googlegroups.com
無理やりやったら出来はしたので急ぎませんが、
後々困りそうなので質問させて頂きました。
お手すきの時でかまいませんのでご回答頂けますでしょうか。

やりたいこと:
・アイコンを等間隔に(横3個、縦2個)並べる。
・アイコンの大きさは画像に依存する。(wrap_content)

困っていること
・ImageView に weightを使ったところ、アイコンが大きくなってしまった。
・weightを指定しない場合は、アイコン同士がくっついてしまった。
  (間隔があかない)

無理やりな解決策:
・マージン用に無意味なLinearLayoutを作成し、weightを設定した。
・詳細は添付したlayout_test.xmlを参照ください。

安藤呂井土

unread,
Sep 5, 2013, 9:35:12 AM9/5/13
to android-g...@googlegroups.com
layout_test.xml

Hirokazu Fukami

unread,
Sep 5, 2013, 9:37:20 AM9/5/13
to android-g...@googlegroups.com
こんばんはfkmです

レイアウトの階層が深くなっちゃいますが、こんな感じ?
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<RelativeLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">
<ImageView android:centerHorizontal="true" 中略/>
これを3つ
</LinearLayout>

2013/9/5 安藤呂井土 <andou.r...@gmail.com>:
> --
> このメールは Google グループのグループ「日本Androidの会」の登録者に送られています。
> このグループから退会し、メールの受信を停止するには、android-group-j...@googlegroups.com
> にメールを送信します。
> このグループに投稿するには、android-g...@googlegroups.com にメールを送信してください。
> http://groups.google.com/group/android-group-japan からこのグループにアクセスしてください。
> その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。



--
-------------------------------------------------------------
深見 浩和(Hirokazu Fukami)

URI:http://www.fkmsoft.jp
email: f...@fkmsoft.jp

Makoto Yamazaki

unread,
Sep 5, 2013, 10:58:15 AM9/5/13
to android-g...@googlegroups.com
zaki です。

ImageView に layout_weight を指定する方法の際に scaleType を
デフォルトのまま(fitCenter) にしてたのではないでしょうか。
これを center にすればいいように思いました。


2013/9/5 安藤呂井土 <andou.r...@gmail.com>

--
このメールは Google グループのグループ「日本Androidの会」の登録者に送られています。
このグループから退会し、メールの受信を停止するには、android-group-j...@googlegroups.com にメールを送信します。
このグループに投稿するには、android-g...@googlegroups.com にメールを送信してください。
http://groups.google.com/group/android-group-japan からこのグループにアクセスしてください。
その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。



--
YAMAZAKI Makoto

Naoyuki Miyata

unread,
Sep 5, 2013, 9:31:37 PM9/5/13
to android-g...@googlegroups.com
以前イメージを並べる画面を作成した際に、
github.comのandroid-flowlayoutを利用しました。



2013/9/5 Makoto Yamazaki <makot...@gmail.com>

安藤呂井土

unread,
Sep 6, 2013, 8:27:10 PM9/6/13
to android-g...@googlegroups.com
fkmさん、zakiさん、Miyata Naoyukiさん、回答ありがとうございます。

android:scaleType="center" にしたところ、素直なコードで意図通りの表示が出来ました。
ググってこのページにたどり着いた人のために、完成品をアップしておきます。

自分は元画像の大きさありきで考えていたのですが、Androidの感覚としてはリサイズするのが普通なんですね。
Android的に普通じゃないことをしているので、android:scaleType="center" と記載するのが素直と思いました。
レイアウト結果.png
layout_test.xml
Reply all
Reply to author
Forward
0 new messages