最近Androidを勉強し始めたデザイナーの@m-akagiです。
先日、行間の区切り線を削除するのに苦戦したので記事を残しておきます。
今回はRecyclerViewで設定した区切り線を削除する方法をご紹介します。
#区切り線の設定は２種類ある？
区切り線を設定するには２通りのやり方があるようです。
- ListViewで設定
- RecyclerViewで設定
#目的のファイルを見つける方法
【自分にとってむずかしかったこと】
１：プロダクト内のどこに目的のファイルがあるのか見つけ方が分からない
２：メソットを理解していないのでどこを削除すればよいのか分からない
調べて分かったのは、RecyclerView はxmlで定義するのではなく
Java側で設定する必要があるということ。
私：「ということは.javaの拡張子のファイルを探せばいいのか…？」
勘違いしたままいろいろファイルを見るも、正解にたどり着けないこと数時間…
最終的にはRecyclerViewのメソットがどういうものを使っているのかを探したことが解決に結びついた。
RecyclerViewをそのまま使うと、下記のような区切り線(divider)が無いリストになる。
今回はすでに設定されている区切り線を削除したいので、その設定方法が分かれば
ワード検索してファイルを見つけられるはず…！
見つけたのはRecyclerView.ItemDecorationというワード。
その中に使われているものに addItemDecoration というキーワードがあったので
検索にかけてみたらそれっぽいファイルを発見‼
#RecyclerViewで設定されていた行間の区切り線を削除する
kotlinファイル内の下記コードを削除することで区切り線を削除することができた
addItemDecoration(DividerItemDecoration(activity, DividerItemDecoration.VERTICAL))
【今回の学習のポイント】
区切り線はCSSと同じように設定しているのかもという思い込みがあったので、その概念のもとファイルを探していたのが失敗だったと反省。ListViewは割とCSSに近いが、RecyclerViewは全く違う書き方になっているのが分かった。
参照サイト：
http://hachy.hatenablog.jp/entry/2016/12/26/145820
https://qiita.com/wasabeef_jp/items/6399432b899cb5613fb1
ーーー以上