techiumスマートフォン用の表示で見るtechiumこのブログは何かに追われないと頑張れない人たちが週一更新をノルマに技術情報を発信するブログです。いただけますと気が向いたら調査するかもしれません。この広告は、90日以上更新していないブログに表示しています。AndroidDribbbleのぬるぬる動くメニューUIのアイデア10選という記事を見たので、実際に試してみました。Card」を実現するためのFoldingCellを実装します。Card」で検索するとトップに出てきました。dribbble.comページ内にあるAndroidのリンクを押すとGithubに飛びますので、READMEを見ながらセットアップします。言っても、build.gradle(app)を見ながらdependenciesに一行追加してSyncするだけです。追加}ちなみに、minSDKを17以上にしておかないと怒られます。レイアウトファイル作成レイアウトファイルを作成していきます。</com.ramotion.foldingcell.FoldingCell></LinearLayout>実装にはいくつかルールがあります。FoldingCellの1つ目の子Viewがコンテンツ部(展開時のレイアウト)、2つ目の子Viewがタイトル部(折りたたんでいる時のレイアウト)になります。・・(1、4)また、それぞれの子View(content_group及びtitle_group)の高さにはwrap_contentを指定しておく必要があります。画面表示時、コンテンツ部は必要ないため、android:visibility="gone"を指定しておく必要があります。コンテンツ部の高さの合計値は、タイトル部の高さの合計値の2倍以上に設定する必要があります。正常にアニメーションをさせるために、6行目、7行目にそれぞれ以下の通り属性を指定しておく必要があります。綺麗に折り目の部分に線を配置するのは知っておかないと少し面倒です。1回目の展開は以下のような高さ配分になります。1回展開された状態2回目以降の展開回数(ここでは2回)は以下の式にしたがって自動で計算されます。タイトル部の高さ(30dp)高さはタイトル部の高さ(30dp)となります。割り切れない場合は、さらにもう一回折りたたみ回数が追加となり、余った数値分の高さで展開となります。3回展開された状態といったようなことを考慮して、コンテンツ部の各Viewの高さ調整とを配置をしています。以下のような属性値もあるので、必要に応じて設定します。次に、Activity側の実装を見ていきます。}}シンプルに、FoldingCellでonClickイベントを取得し、その中で展開を行うためのFoldingCell#toggleメソッドにfalse(展開)を引数として渡しています。今回はこんなところでしょうか。他のものも試してみたいと思います。Card(FoldingCell)を試してみる広告を非表示にする関連記事2017-02-27ConstraintLayoutをXMLでレイアウト定義を行うAndroidのConstraintLayoutは新しく追加されたレイアウトです。(1)はてなブログをはじめよう!kobashin__Gさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。