タグ付けされた質問 「navigation-drawer」

モバイルアプリケーションのナビゲーションドロワーは、画面の端からスライドしてアプリケーションのナビゲーションメニューを表示するサイドパネルです。このタグは、ナビゲーションドロワーに関連する質問のプログラミングにのみ使用してください。ナビゲーションドロワーに関連する一般的なUXの質問やその他の意見に基づく質問は、StackOverflowのトピックではありません。

5
ナビゲーションドロワー(Google+とYouTube)
今日のトップアプリのようなスライドメニューを実装する方法を知っている人はいますか? 他のStack Overflowの質問には、これを行う方法に関する答えがなかったため、他の人を助けるためにできるだけ多くの情報を収集しようとしています。以下で言及するすべてのアプリケーションは、スライドメニューを実装するのに非常に役立ちます。 1. Google Plus(12/7/7現在) 最初の画面から2番目の画面に移動するには、左上隅にあるG +ロゴをクリックする必要があります。画面全体がその位置から移動し、画面の右側(アクションバーを含む)に移動することに注意してください。最初の画面に戻るには、右側をスライドしてフォーカスを戻すか、G +アイコンをもう一度クリックします。 2. YouTube(12/7/7現在) 2つの方法を使用して、最初の画面から2番目の画面に移動できます。左上にあるYouTubeロゴをクリックするか、スワイプジェスチャーを使用して右に移動できます。これはすでにG +アプリとは異なります。2番目に、アクションバーが(G +とは異なり)配置されたままであることがわかります。最後に、元の画面に戻すには、G +と同じように機能します。


18
ナビゲーションドロワー:選択したアイテムを起動時に設定するにはどうすればよいですか?
私のコードは完全に機能します。ナビゲーションドロワーのアイテムがクリックされるたびに、アイテムが選択されます。 もちろん、デフォルトのフラグメント(ホーム)でアプリを起動したいのですが、ナビゲーションドロワーでアイテムが選択されていません。プログラムでそのアイテムを選択するにはどうすればよいですか? public class BaseApp extends AppCompatActivity { //Defining Variables protected String LOGTAG = "LOGDEBUG"; protected Toolbar toolbar; protected NavigationView navigationView; protected DrawerLayout drawerLayout; private DateManager db = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.base_layout); navigationView = (NavigationView) findViewById(R.id.navigation_view); // set the home/dashboard at startup FragmentTransaction fragmentTransaction = …

12
異なるアクティビティで同じナビゲーションドロワー
developer.android.com Webサイトのチュートリアルに示されているように、機能するナビゲーションドロワーを作成しました。しかし、今は、アプリケーションの複数のアクティビティ用にNavigationDrawer.classで作成した1つのNavigation Drawerを使用したいと思います。 私の質問は、ここの誰かが小さなチュートリアルを作成できたら、1つのナビゲーションドロワーを複数のアクティビティに使用する方法を説明しています。 このAnswer Android Navigation Drawerで最初に読んだのは 、複数のアクティビティ しかし、それは私のプロジェクトでは機能しませんでした public class NavigationDrawer extends Activity { public DrawerLayout drawerLayout; public ListView drawerList; private ActionBarDrawerToggle drawerToggle; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); drawerToggle = new ActionBarDrawerToggle((Activity) this, drawerLayout, R.drawable.ic_drawer, 0, 0) { public void onDrawerClosed(View view) { …

12
フラグメントを使用する場合のAndroid Navigation Drawer画像とアップキャレットの切り替え
Navigation Drawerを使用する場合、Android開発者は、ActionBarで「Navigation Drawerで表される画面のみに実際にNavigation Drawer画像を表示する」ことと、「他のすべての画面に従来のアップカラットを設定する」ことを推奨しています。 詳細はこちらをご覧ください:http : //youtu.be/F5COhlbpIbY 1つのアクティビティを使用して複数のレベルのフラグメントを制御し、ナビゲーションドロワーの画像を取得してすべてのレベルで機能させることができます。 下位レベルのフラグメントを作成するときに、ActionBarDrawerToggle setDrawerIndicatorEnabled(false)を呼び出してナビゲーションドロワーイメージを非表示にし、上向きキャレットを表示することができます LowerLevelFragment lowFrag = new LowerLevelFragment(); //disable the toggle menu and show up carat theDrawerToggle.setDrawerIndicatorEnabled(false); getSupportFragmentManager().beginTransaction().replace(R.id.frag_layout, lowFrag, "lowerFrag").addToBackStack(null).commit(); 私が抱えている問題は、元のナビゲーションドロワーイメージの代わりに、アップカラットが表示している最上位のフラグメントに戻ってナビゲートするときです。ナビゲーションドロワーの画像を再表示するために、トップレベルのフラグメントのActionBarを「更新」する方法に関する提案はありますか? 解決 トムの提案は私のために働いた。これが私がしたことです: 主な活動 このアクティビティは、アプリ内のすべてのフラグメントを制御します。 新しいフラグメントを準備して他のフラグメントを置き換えるとき、DrawerToggleを次のsetDrawerIndicatorEnabled(false)ように設定します。 LowerLevelFragment lowFrag = new LowerLevelFragment(); //disable the toggle menu and show up carat theDrawerToggle.setDrawerIndicatorEnabled(false); getSupportFragmentManager().beginTransaction().replace(R.id.frag_layout, lowFrag).addToBackStack(null).commit(); 次に、のオーバーライドでonBackPressed、DrawerToggleを次のsetDrawerIndicatorEnabled(true)ように設定して上記を元に戻しました。 …

13
新しいNavigationViewでシンプルなディバイダーを作成する方法は?
Google NavigationViewはDesign Support Libraryバージョン22.2.0でを導入しました。これを使用すると、メニューリソースを使用して非常に簡単に引き出しを作成できます。 2つのアイテムの間に単純な分割線を作成するにはどうすればよいですか?アイテムのグループ化が機能しませんでした。サブアイテムセクションを作成すると区切り線が作成されますが、タイトルが必要ですが、これは不要です。 任意の助けいただければ幸いです。

11
ツールバーのホームボタンのクリックイベントをキャッチできません
私は最新のappcompatライブラリを実装し、Toolbarアクションバーとして使用しました。しかし、問題は、ホームボタン/ハンバーガーアイコンのクリックイベントをキャッチできないことです。私はすべてを試してみましたが、同様の問題を見つけていないようです。 これは私のActivityクラスです: protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); // Set up the drawer. navDrawerFragment = (NavigationDrawerFragment) getSupportFragmentManager() .findFragmentById(R.id.navigation_drawer); navDrawerFragment.setUp( R.id.navigation_drawer, (DrawerLayout) findViewById(R.id.drawer_layout), toolbar); } そして、これは私のNavigationDrawerFragmentクラスです: public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (savedInstanceState != null) { currentSelectedPosition = savedInstanceState.getInt( STATE_SELECTED_POSITION); fromSavedInstanceState = true; } …

4
Androidでナビゲーションドロワーのセクション区切りを1つ追加する方法
この画像のようなナビゲーションドロワーがあります。(Neptuneを区切る線のように)セクション区切りを追加したいと思います。シンプルなようですが、自分のケースに役立つ情報をウェブ上で見つけることができません。 ここに私のMainActivityがあります: public class MainActivity extends Activity { private DrawerLayout mDrawerLayout; private ListView mDrawerList; private ActionBarDrawerToggle mDrawerToggle; private CharSequence mDrawerTitle; private CharSequence mTitle; private String[] mPlanetTitles; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mTitle = mDrawerTitle = getTitle(); mPlanetTitles = getResources().getStringArray(R.array.planets_array); mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); mDrawerList = (ListView) findViewById(R.id.left_drawer); …

12
マテリアルデザインのナビゲーションドロワーでハンバーガーアイコンの色を変更する方法
私はこの例に従っています http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ この例では、ハンバーガーアイコンが白で表示されています。カスタマイズして黒にしたいのですが、変更方法がわかりません。カスタマイズ方法を教えてもらえますか? マニフェスト <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="info.androidhive.materialdesign" > <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/MyMaterialTheme" > <activity android:name=".activity.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> スタイル <resources> <style name="MyMaterialTheme" parent="MyMaterialTheme.Base"> </style> <style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> …


10
ナビゲーションドロワーがステータスバー上で半透明に機能しない
私はAndroidプロジェクトに取り組んでおり、NavigationDrawerを実装しています。新しいマテリアルデザイン仕様とマテリアルデザインチェックリストを読んでいます。 仕様では、スライドアウトペインはステータスバーを含む他のすべての上に浮かび、ステータスバーの上に半透明である必要があるとされています。 ナビゲーションパネルはステータスバーの上にありますが、透明度がありません。Google Developersブログスポットの上記のリンクで提案されているように、このSO投稿のコードに従いました。DrawerLayoutを使用してActionBar /ツールバーの上とステータスバーの下に表示するにはどうすればよいですか?。 以下は私のXMLレイアウトです <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/my_drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/my_awesome_toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:minHeight="?attr/actionBarSize" android:background="@color/appPrimaryColour" /> </LinearLayout> <LinearLayout android:id="@+id/linearLayout" android:layout_width="304dp" android:layout_height="match_parent" android:layout_gravity="left|start" android:fitsSystemWindows="true" android:background="#ffffff"> <ListView android:id="@+id/left_drawer" android:layout_width="match_parent" android:layout_height="match_parent" android:choiceMode="singleChoice"></ListView> </LinearLayout> </android.support.v4.widget.DrawerLayout> 以下は私のアプリのテーマです <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/appPrimaryColour</item> <item name="colorPrimaryDark">@color/appPrimaryColourDark</item> <item name="colorAccent">@color/appPrimaryColour</item> <item name="windowActionBar">false</item> …

12
ナビゲーションドロワーを右から左に開くように設定する方法
まず第一に、私はこの質問が以前にここに現れたことを知っていますが、たくさん試した後、私はまだ成功しませんでした。私はAndroidDevelopersサイトの例に取り組んでい ます。 例での実装方法(左から右)ではなく、メニューを右から左に開くように設定しようとしています。さらに、メニューを開くボタンをアクションバーの右側に移動したいと思います。また、ここでいくつかの回答を赤字にします。たとえば、この回答です。 ビューとレイアウトの重力を変更しようとしましたが、エラーが発生します: 絶対重力左で引き出しビューが見つかりません メニューを右から開くように設定し、アクションバーボタンを右側に移動するには、コードの問題点と何を変更すればよいかを理解するのを手伝ってもらえますか? xmlコードはここにあります: <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_gravity="right" android:layout_width="match_parent" android:layout_height="match_parent" > <FrameLayout android:id="@+id/content_frame" android:layoutDirection="rtl" android:layout_width="match_parent" android:layout_height="match_parent" /> <ListView android:id="@+id/left_drawer" android:layout_width="200dp" android:layout_height="match_parent" android:layout_gravity="right" android:choiceMode="singleChoice" android:divider="@android:color/transparent" android:dividerHeight="10dp" android:background="#111"/> </android.support.v4.widget.DrawerLayout>


4
native.createnavigatorファクトリは関数ではありません
プロジェクトでDrawerナビゲーションを設計します。 次のコマンドでインストールしました: npm install @react-navigation/drawer 次にそれをインポートしました App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; これは私のpackage.jsonコンテンツです: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": "^2.0.0-beta.1", "react-native-view-shot": "^3.0.2", "react-navigation": "^4.1.1", "react-navigation-stack": "^2.1.0", これは私のApp.jsコンテンツです: const App = () => { const Drawer = …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.