Android Kotlin カスタムUIのテクニック－左右切り替えビューとアニメーションのドロップダウンメニューのチュートリアル - 02
Hello, 皆さんこんにちは、Elegant AccessのKCです。
引き続き、カスタマイズ方法についてご覧いただきありがとうございます。
左右切り替えビューとアニメーションのドロップダウンメニューの実装編です。
次の段落では、このカスタムビューを一歩一歩完成させる方法を紹介します！
まず、カスタムビューを作成するために、クラスを作成する必要があります。例えば、ここでは HorizontalMoveView という名前にします：
このクラスを作成し、使用したいレイアウトを継承します。ここでは、ビューにどのような特性を持たせたいかに応じて継承するものを調整できます。例えば、FrameLayoutを使用したい場合：
次に、このビューに含まれる要素を作成します。したがって、このビューの外観としてカスタムXMLを作成する必要があります。例えば、このビューにはwebview、image view、recycler viewなどのレイアウトが含まれます。必要に応じてカスタマイズできます。
上記の画像のレイアウトの実際のコードは以下の通りです：
このレイアウトは基本的なもので、特に難しい点はありません。主に読者のプロジェクトの要件に応じて、必要なレイアウトを定義します。必ずしも上記のものに従う必要はありませんが、ファイルが混在しないように分ける習慣があります。この時点で、先ほど作成した HorizontalMoveView にこのレイアウトを読み込むだけです。以下のように：
ここまでで、第一歩が完了です。カスタムビューを作成できましたが、注意が必要です。現在のところ、空の殻だけで、外観だけで、カスタムビューをサポートする機能はまだ書かれていません。したがって、カスタムビューを呼び出すことはできますが、機能はなく、画面に表示されるだけです。したがって、機能を追加する必要があります。 ここで、先ほど作成したビューを呼び出してみます。以下のように：
カスタムビューを使用したい場所に追加します。カスタムビューがどこにあるかは、保存したパッケージによります。パッケージのパスにファイル名を追加するだけです。 ここまで書いたところで、おそらく空白のビューを呼び出すことができます。まだ機能を書いていないので、以下のように見えるかもしれません：
今日はここまでにします。次回は、いくつかの機能を書いたり、recycler viewを定義したりして、ビュー全体を完成させる方法を紹介します。 次回もお楽しみに、左右にスワイプするrecycler viewの実装を続けます：
<a href="/ja/posts/android/custom03">Android Kotlin カスタムUIのテクニックを学ぶ - 左右切り替えビューとアニメーションのドロップダウンメニューのチュートリアル - 03</a>
</div>
前のセクションを見る：
<div class="table_container">
<a href="/ja/posts/2020/11/14/android-kotlin-custom-view-01/">
<img src="/images/cover/android-photo.jpg" alt="Cover" style="width: 30%" class="prose-img">
</a>
<a href="/ja/posts/android/custom01">Android Kotlin カスタムUIのテクニックを学ぶ - 左右切り替えビューとアニメーションのドロップダウンメニューのチュートリアル - 01</a>
</div>
Elegant AccessのKCによって作成されました。
Copyright (c) 2024 All rights reserved.
Instagram : https://www.instagram.com/eleg.aces.kc/
Github : https://github.com/waitzShigoto