AndroidアプリでのDrawerLayoutドロワーエフェクトのメニュー作成例、ドロワーレイアウト上下_PHPチュートリアル

WBOY
リリース: 2016-07-12 08:56:15
オリジナル
1414 人が閲覧しました

AndroidアプリのDrawerLayoutドロワーエフェクトのメニュー作成例、DrawerLayout上下ドロワー

ドロワーエフェクトのナビゲーションメニュー
多くのアプリを見た後、この横にスライドする引き出し効果メニューは非常に良いと思います。

2016321171423565.png (206×345)

別のページに切り替えたり、メニューのハードウェア ボタンを押す必要はなく、インターフェイス上のボタンをクリックするだけでメニューがスライドして表示され、多くのものを保持できるように感じます。
ライブラリ参照:
まず、DrawerLayout クラスはサポート ライブラリにあり、android-support-v4.jar パッケージを追加する必要があります。

次に、プログラムで使用するときに android.support.v4.widget.DrawerLayout;

をインポートします。

このクラスが見つからない場合は、まず SDK マネージャーで Android サポート ライブラリを更新し、次に Android SDKextrasandroidsupportv4 パスで android-support-v4.jar を見つけ、プロジェクトの libs パスにコピーして、ビルド パスに追加します。 .

コード1
レイアウト:

リーリー

DrawerLayoutの最初の子要素がメインコンテンツで、ドロワーが開いていないときに表示されるレイアウトです。ここでは FrameLayout が何も含まれていない状態で使用されています。

DrawerLayout の 2 番目のサブ要素はドロワー内のコンテンツ、つまりここでは ListView が使用されます。

主なアクティビティ (公式の例から抜粋):

リーリー

さらに混乱するのは、レベル 11 の API を使用しているため、minSdkVersion には制限があり、低すぎることはできません。

画像リソースはAndroid公式Webサイトのサンプルからダウンロードできます。

プログラムを実行した後の効果は次のとおりです:
引き出しを開ける前に:

2016321171457025.jpg (720×1280)

引き出しを開けた後:

2016321171528332.jpg (720×1280)

コード2
今日、DrawerLayout クラスをもう一度調べてみたところ、直接使用できるメソッドがたくさんあることがわかりました。

実際、上記のように面倒な作業を行う必要はありません。ドロワーの開閉を制御するボタンを定義するだけです。

レイアウト:

リーリー

メインコード:
リーリー

Toolbar + DrawerLayoutを使用して、ハイエンドメニューのサイドスライドを素早く実現します 最新のマテリアル デザイン設計仕様に準拠しているいくつかのアプリケーションに注目している場合 (そうでない場合は、そうしていると仮定して!)、非常に快適でエレガントに見える横スライド メニュー アニメーション効果を使用する例が多数あることに気づくかもしれません。以下の通り (参考資料 2 より):

2016321171553612.gif (386×694)今日は、このタイプの効果をすばやく実現するために、Toolbar と DrawerLayout を使用する必要があります。詳細な手順は次のとおりです: (これら 2 つのウィジェットを知らない場合は、まず Google で調べてください)。 まず、appcompat-v7 サポートを追加する必要があります:

プロジェクトが Android Studio 1.0 RC4 で作成されている場合、appcompat-v7 サポートがデフォルトで追加されています。AS の最新バージョンではない場合は、次のコードを build.gradle に追加する必要があります。 リーリー
追加後、gradleを同期する必要があります

ツールバーを追加:

ツールバーはビューを継承するため、他の標準コントロールと同様に、ツールバーをメイン レイアウト ファイルに直接追加できます。ただし、ツールバーの再利用効率を向上させるために、次のようにレイアウト内にcustom_toolbar.xml コードを作成できます。 リーリー

説明:

android.support.v7.widget.Toolbar - もちろん、Lollipop でツールバーのみを使用する場合は、v7 サポートを追加せずにツールバーを直接使用できます

xmlns:app - カスタマイズされた XML 命名コントロール、res-auto は、完全なパッケージ名を使用せずに AS で直接指定できます

android:background と android:minHeight は両方とも、styles.xml で宣言できます

DrawerLayout を追加:

ツールバーと同様に、コードの再利用効率を向上させるために、次のようにレイアウト内にcustom_drawerlayout.xmlコードを作成できます:
リーリー
Drawerlayout タグには 2 つの子ノードがあり、1 つは左側のメニュー、もう 1 つはメイン レイアウトです。また、左側のメニューの開始位置は android:layout_gravity="start" に設定する必要があります。
activity_main.xml を実装します:

リーリー

インクルードタグを直接、簡潔かつ明確に使用してください

完璧な Java コード:

リーリー

もちろん、より重要なものはstyles.xmlとcolors.xmlであり、詳細は次のとおりです:

リーリー

この時点で、メニュー側のスライドが実現され、最終的な効果は次のようになります(注:携帯電話の画面を直接録画することはYosemiteでは機能しないようで、フレームの関係でアニメーションはリアルタイムではありません)レートなので、まずはこのように見てみましょう~)


興味がありそうな記事:

  • AndroidコンポーネントのDrawerLayoutでドロワーメニューを実装
  • Androidの改良多方向ドロワーの実装方法
  • AndroidコントロールSlidingDrawer(スライド式ドロワー)の詳細説明とサンプル共有
  • Android UIの高度なhiddenの使い方Android のレイアウトドロワー
  • ドロワーエフェクトの Android SlidingDrawer 実装

www.bkjia.com本当http://www.bkjia.com/PHPjc/1113728.html技術記事 Android アプリの DrawerLayout ドロワー エフェクトのメニュー プログラミング例、DrawerLayout の上部と下部のドロワー ドロワー エフェクトのナビゲーション メニュー 多くのアプリケーションを読んだ後、この横にスライドするドロワー エフェクト メニューが非常に優れていると感じます...
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート