忘れそうなので書いておく。
@{context.getString(errorRes)}
こういう感じでcontextを渡してあげるとよい。contextは、variableで定義する必要もないし、setContext()する必要もない。よしなにセットされる。
上の例の実際の呼び出しはこういう感じになる。
getRoot().getContext().getString(errorRes);
Android のDataBinding, @{https://t.co/3zcmNEhuC1} の式内で user が null でもぬるぽにならないのか
— ひさいち (@hisaichi5518) 2017年12月28日
エラー: Epoxy Processor Exception: Caused by TypeCastException: null cannot be cast to non-null type javax.lang.model.element.TypeElement Stacktrace: com.airbnb.epoxy.DataBindingModelInfo.<init>(DataBindingModelInfo.kt:25) com.airbnb.epoxy.DataBindingModelInfo.<init>(DataBindingModelInfo.kt:14) com.airbnb.epoxy.DataBindingProcessor.process(DataBindingProcessor.kt:33) com.airbnb.epoxy.EpoxyProcessor.processRound(EpoxyProcessor.java:189) com.airbnb.epoxy.EpoxyProcessor.process(EpoxyProcessor.java:165)
こういうエラーが出る。このあたりでエラーになってる。
EPOXY_DATA_BINDING_MODELを見るとDataBindingEpoxyModelというクラスのTypeElementを取ろうとしてるメソッドがnullを返してるらしい。
DataBindingEpoxyModelはどこにあるのか調べたら、epoxy-databinding以下にある。アレ！実はepoxyを指定するだけではダメなのでは？！と思って調べたらそうだった。
Data Binding Support · airbnb/epoxy Wiki · GitHub
def epoxy_version = "2.7.3"
compile "com.airbnb.android:epoxy:${epoxy_version}"
compile "com.airbnb.android:epoxy-databinding:${epoxy_version}"
annotationProcessor "com.airbnb.android:epoxy-processor:${epoxy_version}"
これで動いた。
この記事は、 Android Advent Calendar 2017 - Qiita 11日目の記事です。
RecyclerViewで複雑な画面を作りたい！そんな欲求を持っている人が多いと思います。僕もそうです。でも、1個や2個のViewTypeならまだしもたくさんのViewTypeがある場合、getItemViewTypeとかで頑張った結果つらいコードになる未来が見えます。というか見てきました。
Airbnbが作ったRecyclerViewで複雑な画面を作るためのライブラリです。
ModelをCustomViewやDataBinding等から自動生成し、それらを操作するControllerを書き、そのControllerをEpoxyRecyclerViewというクラスにセットする感じです。
具体的に出来ることは、READMEに書かれてある通りなのですが、こういう事が出来ます。
This abstracts the boilerplate of view holders, diffing items and binding payload changes, item types, item ids, span counts, and more, in order to simplify building screens with multiple view types. Additionally, Epoxy adds support for saving view state and automatic diffing of item changes.
ワオ！便利！
サンプルアプリがあったので、それのコードを読んでいきたいと思います。
epoxy/epoxy-sample at master · airbnb/epoxy · GitHub
こういう動きをするアプリです。
これら全ての動作を全部追いかけると大変なので、今回は、DataBindingを利用しているAdd, Clearなどのボタンにフォーカスを当てたいと思います。 このような動きをする部分です。
今回のサンプルアプリでDataBindingは、 button.xml で利用されています。このbutton.xmlは、リスト上にあるAdd, Clearなどを行うボタンを指しています。
epoxy/button.xml at d2e298902e64a5b634e9932ee2f16f56abfa52bd · airbnb/epoxy · GitHub
DataBindingを利用してるViewのModelを自動生成する場合は、package-info.java で@EpoxyDataBindingLayoutsを利用して、Modelを自動生成することを宣言する必要があります。
epoxy/package-info.java at a46ed6c6c459f4d102a63d15aceb0e13dc5d246b · airbnb/epoxy · GitHub
@EpoxyDataBindingLayouts(R.layout.button) @PackageModelViewConfig(rClass = R.class) package com.airbnb.epoxy.sample; import com.airbnb.epoxy.EpoxyDataBindingLayouts; import com.airbnb.epoxy.PackageModelViewConfig;
これで、Modelの生成が行われ、ButtonBindingModel_ という名前のクラスが生成されます。
ButtonBindingModel_ は SampleControllerというクラスで利用されています。コードを見ると案外シンプルです。
epoxy/SampleController.java at a46ed6c6c459f4d102a63d15aceb0e13dc5d246b · airbnb/epoxy · GitHub
今回のコードを読むにあたって、僕が重要だなと感じたのは、protected void buildModels(List<CarouselData> carousels)です。
epoxy/SampleController.java at a46ed6c6c459f4d102a63d15aceb0e13dc5d246b · airbnb/epoxy · GitHub
このメソッドは、リストのデータが更新されるたびに実行されます。
buildModelsの中では、このようなコードがあり、何を表示するのか？やそのViewを表示するのか？などの操作が行われていることがわかります。
// 表示文言の指定 // Clickしたら、onAddCarouselClicked callbackを実行する addButton .textRes(R.string.button_add) .clickListener((model, parentView, clickedView, position) -> { callbacks.onAddCarouselClicked(); }); clearButton .textRes(R.string.button_clear) .clickListener(v -> callbacks.onClearCarouselsClicked()) .addIf(carousels.size() > 0, this); // データの条件があえばViewを表示する
作成したControllerは、EpoxyRecyclerViewにセットしています。
ここは、RecyclerViewにセットも出来るようですが、EpoxyRecyclerViewを使うことで、シンプルになり更にパフォーマンスのアレコレもやってくれるそうです。
EpoxyRecyclerView · airbnb/epoxy Wiki · GitHub
recyclerView.setController(controller);
セットしているのはこの部分
epoxy/MainActivity.java at a46ed6c6c459f4d102a63d15aceb0e13dc5d246b · airbnb/epoxy · GitHub
あとはデータの更新を行いたい時にcontroller.setData(...)を呼び出すだけです。
private void updateController() { controller.setData(carousels); }
コード読んだ部分が簡単過ぎた。
データの更新が行われるたびにループがデータ分実行されるのが気になりました。データが大きくなるとつらそう。 RecyclerViewのAdapterにあるnotifyItemInsertedのようにどこが変わったのか通知する形の方が早そうな印象は受けましたが、実際どうなのかは調べてないです。
Githubを検索すると色々あるんですが、どれがいいのかというのは正直よくわかりませんでした。それらと比較して自分がメンテナンスするアプリへの導入を検討するといいと思います。
RecyclerViewを利用して複雑な画面を作るためのライブラリであるEpoxyのサンプルアプリのコードを読んでみました。
複雑な画面はなるべく作りたくないですが、Epoxyには様々な機能があり、複雑な画面を作るのにとても有効だと感じました。次は、実際に開発しているアプリで試してみようと思います。
コード書いてる時とか集中してるときは暗い方が集中出来るので、部屋では灯りをつけずに暗くしてる。けど、そのまま夜になったりすると真っ暗の中にモニタの明かりが自分を照らしていて、ツイッターとか見てニヤニヤしてると漫画とかに出てくる引きこもり感がすごいので部屋の電気を付けに歩いていた。だるすぎる。なので机用の灯りでも買うかという感じで買った。
光をこっちに向けると眩しいし目が潰れるので壁のほうに向けてる。想像よりでかかったけど、安いしちょうどいい感じの明るさで便利。
奥に展示されてるのはNature Remoなので、部屋の電気もNature Remoでやれよって話なんだけど、リモコンを捨てたので出来ない。
勧められたシーリングライトあるけどまだ買ってません
我々の世界では、人間が作ったおはぎをうんこでないかレビューすることを「おはぎレビュー」と言う。
おはぎを作っていたつもりがうんこを作ってたなんて事は人間であればよくある。それは大した問題ではなく問題なのは、うんこをおはぎとして客に出し、客がうんこを食べてしまうことである。他にもおはぎレビューを行う理由はあるが、我々がおはぎレビューを行う理由の1つがそれだ。
毎日のようにおはぎのようなうんこを作り、うんこのようなおはぎを作ってしまう不完全な人間である我々にとって、おはぎレビューはなくてはならない存在だ。
なくてはならない存在だからこそ、我々はおはぎレビューについて考え、議論し、学び、より良くしていく必要がある。
「みんなではじめるデザイン批評」という本がある。その本の「批評を理解する」という章には以下のように書かれている。これは、おはぎレビューも同様だと考える。
私たちは全員がスキルやノウハウを持ち寄って、協力し合う必要があるのだ。そしてそのためには、互いに話をしなければならない。何をデザインしているのか、なぜそれを作っているのか、どのように完成させていくのかを議論しなければならないのである。
みんなではじめるデザイン批評―目的達成のためのコラボレーション&コミュニケーション改善ガイド
おはぎレビューでは、レビュアーとレビュイーがお互いが理解し合う努力が必要であると3年前に書いた。それはおはぎレビューが、レビュアーの指摘によってうんこからおはぎにするのではなく、レビュアーとレビュイーの会話によって、うんこからおはぎに近づけるプロセスであるからだ。
おはぎレビューにおける会話とは、以下のようなものではない。
レビュアー「ここはAが起きるとつらいのでBに直したほうがいいと思います」 レビュイー「修正します」 レビュイー「修正したので確認お願いします」
この場合だとレビュアーの考えしか出ておらず、レビュアーの指摘によってうんこからおはぎにするプロセスと化している。これだとおはぎがうんこになってしまう可能性がある。
おはぎレビューでは、レビュイーが自分の考えを積極的に伝えていく必要がある。
レビュイー「ここはAという理由からBにしました」 レビュアー「なるほど、BだとCになってしまうのでDが良いかと思いましたがどうですか？」 レビュイー「Cに気づいてませんでした。それを考えるとDが良いと思いました！そうします！」
このようにおはぎレビューにおける会話とは、お互いが自分の考えを相手に伝えることである。そうすることで「そうだったのか！」「知らなかった！」を見つけて、うんこからおはぎに近づけていく。
レビュイーとしての自分が最近気をつけているのは、レビュイーの自分から会話を始めるということだ。自分がなぜこの形のおはぎにしたのか・この味にしたのか・また悩んでる事をレビュアーが知る事で、より会話が生まれやすい。
また、言語化することで、自分の考えもまとまるし、コメントとして残す事で後日レビューを見た時に何を考えておはぎを作ったのかわかって良いことだらけだ。
ここで利用させて頂いた全ての画像は、正常なおはぎです。
FILCO ウッドパームレスト Sサイズ 分離型(2分割) 幅(296mm) 天然堅木製 オスモカラー仕上げ 日本製 ブラウン FWPR/S
ユリゴコロまだやってるでしょと思ったら全くそんなことはなく結構遠出しないと駄目だった
— ひさいち (@hisaichi5518) 2017年10月28日
ユリゴコロはじまる
— ひさいち (@hisaichi5518) 2017年10月28日
吉高由里子とにかく可愛かったな
— ひさいち (@hisaichi5518) 2017年10月28日
インタビューとか見てたので、このシーンは10月に撮って寒かったシーンやなとか考えながら見てた
— ひさいち (@hisaichi5518) 2017年10月28日
松ケンのホクロが気になってしょうがなかった
— ひさいち (@hisaichi5518) 2017年10月28日
30億年ぶりに紅虎きた
— ひさいち (@hisaichi5518) 2017年10月28日
— ひさいち (@hisaichi5518) 2017年10月28日
うまい
— ひさいち (@hisaichi5518) 2017年10月28日
餃子8個はいけるな
— ひさいち (@hisaichi5518) 2017年10月28日
ビールと餃子と炒飯食べてて完全勝利🏅
— ひさいち (@hisaichi5518) 2017年10月28日
吉高由里子は可愛い
