📽️ 🔚 👨🏻‍🎓 SlidingMenuをサポートライブラリに接続し、考えられる問題を回避します 🛥️ 🔤 🅰️

まえがき

こんにちは、Habr！

すぐに私はトピックから小さな余談をしたいと思います：私はプロのアンドロイド開発者ではなく、ただ学習しています。初心者向けに設計されたこの投稿では、特にAction Libraryとサポートライブラリを使用してSlidingMenuを添付することで、想定されるアプリケーションを作成するときに発生した問題の解決策を組み合わせたいと思います。

私にとっての品質の例は、VK、Forsquare、およびInstagramです。実際、ActionBarとSlidingMenuを使用するためのアイデアはすぐにそれらから取り入れられました。 ActionBarは3.0でのみサポートされているため、ここでは、Webサイトのレイアウト/開発（私のメインビジネス）とInternet Explorerでの適切な作業と同様に、古いバージョンのAndroidとの互換性について最初に考えました。検索のおかげで、私はすぐに解決策を見つけました- バージョン2.1+用のActionBar 。

始めましょう

1. Eclipseで新しいプロジェクトを作成します。これを行う方法は、Habrahabrの検索を使用して見つけることができます。サポートされる最小バージョンはAPI 7です。できれば、テーマなし（テーマ：なし）。

2.サポートライブラリを接続します。これを行う方法は、上記のリンクに記載されています。ここでも、念のため。トピックを書きます。

3. これは、私が直面しなければならなかった最初の問題です。3.0より前のAndroidではすべて正常に動作します。上記の記事で1つのポイントが指定されていないことがわかります 。トピックはres / values / styles.xmlファイルで継承されることが提案されていますが、これは最も正しいオプションではないことがわかりました。プロジェクトを作成すると、EclipseはすぐにAPIのさまざまなバージョンのいくつかのスタイルファイルを作成します。

res / values / styles.xml-標準スタイルファイル。
res / values-v11 / styles.xml -API 11+のスタイルシート。
およびres / values-v14 / styles.xml -API 14+のスタイルシート。

上記のファイルのうち最初のファイルでのみテーマを継承するため、バージョンAndroid 3.0（API11）までしか機能しません。

これは、すべてのファイルでテーマを継承するか、プロジェクトマニフェストで直接解決します。これを行うには、AndroidManifest.xmlに移動して次の行を見つけます。

<application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >

交換する場所：

 android:theme="@style/AppTheme"

に：

 android:theme="@style/Theme.AppCompat.Light"

行Android：テーマがない場合は追加します。

この場合、トピックをマニフェストで直接継承する場合、配色を使用できないため、各ファイルで個別に継承する最初のオプションを使用することをお勧めします。

この問題には2日かかりました。その解決策は、まったく異なるトピックに関する情報を検索したときに見つかりました。

実行して確認してください。すべてが機能します。

SlidingMenuを接続する

このようなメニューを検索する過程で、すぐにDrawerに出会いました。ただし、いくつかの理由でこれは必要ありませんでした。ここでは説明しません。

選択はSlidingMenuにかかった。ライブラリは完全に無料で、GitHubで入手できます。

1.すべてのファイルをダウンロードし、Eclipseへの接続を開始します。このためには、 [ファイル]→[新規]→[その他]→[既存のコードからAndroidプロジェクト]を開きます。開くウィンドウで、以前にダウンロードしたSlidingMenuのライブラリフォルダーへのパスを指定しますファイルがコピーされたら、[OK]をクリックします。ライブラリが接続されています。

2.以前に作成したプロジェクトに接続します。接続手順Support Liraryを繰り返しますが、今回は「library」を選択します。

3. そして、2番目の問題があります -コンソールは2つのファイルandroid-support-v4.jarの競合を報告します。このファイルは小さく、プロジェクト自体に含まれているため、サポートライブラリとSlidingMenuも接続されています。ソリューションは簡単であることが判明しました。StackOverflow.comで見つかりました。このファイルをSlidingMenuライブラリとプロジェクトから削除します（どちらも「lib」フォルダーにあります）。

新しい問題が発生しました-SlidingMenuライブラリは多くのエラーを報告します。これは、削除したファイルが不足しているためです。この回避策はStackOverflowでも見つかりました。プロジェクトからSupport Libライブラリを切断して、SlidingMenuライブラリに接続します。この場合、3つすべてに必要なファイルは最初にSlidingMenuライブラリに接続され、SlidingMenuはその機能と共にプロジェクトにSupport Libを接続します。

コメントでは、問題はより専門的な言語で説明され、簡単な解決策を提案しました。「SlidingMenuの古いバージョンのサポートライブラリに問題があり、コンソールに異なるハッシュ合計が表示されるというメッセージがありました。メインプロジェクトからlibをコピーしてドロップするだけで十分でした。 SlidingMenuで。」

コンソールのエラーに注意を払わなかったからこそ、この問題を解決するのに3日かかりました（そう、私は自分の人生を台無しにするのが好きです）。

難しいですが、これらのニュアンスを理解すれば、すべてが非常に明確で論理的になります。

赤い恥ずかしさを避けるために、コンソールをクリアします。

上記のすべての後、 MainActivity.javaに移動して、onCreate（）メソッドの前に変数を宣言します。

 private SlidingMenu menu;

次に、メニュー初期化子をonCreateに直接追加します。

 menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.slidemenu_shadowgradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame);

コードを見るとわかるように、影のあるファイル（ menu.setShadowDrawable（ R.drawable。Slidemenu_shadowgradient ） ）と、実際にはメニュー自体（ menu.setMenu（ R.layout。Menu_frame ） ）が示されています 。これらのファイルを作成する必要があります。以下のネタバレにあるすべてのソースの例。

ソースコード

MainActivity.java

 import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { private SlidingMenu menu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.aslidingmenu_shadowgradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame); } }

res / drawable / slidemenu_shadowgradient.xml

 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <gradient android:endColor="@color/purple_dark" android:startColor="@color/back" /> </shape> </item> </selector>

res / layout / menu_frame.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@color/back"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_1" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_2" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_3" android:textAppearance="?android:attr/textAppearanceLarge" /> <TextView android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_4" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout>

res / values / strings.xml

 <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">SlideMenu Demo</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <color name="back">#3d4140</color> <color name="purple_light">#ffffff</color> <color name="purple_dark">#353838</color> <string name="menu_1">Menu 1</string> <string name="menu_2">Menu 2</string> <string name="menu_3">Menu 3</string> <string name="menu_4">Menu 4</string> </resources>

機能を追加する

上記のすべては確かに良いことですが、いくつかの詳細が欠けています。たとえば、VKアプリケーションを使用すると、多くの場合、サイドメニュー（SlidingMenu）に頼らなければなりません。画面上で指を動かして押しますが、開く方法はいくつかあります。

ActionBarのアイコン

アクションバーのボタンアイコンに機能を追加するには、 MainActivity.javaのどこかに配置されている次のコードを使用します。

 @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { //  ID   case android.R.id.home: //   - ActionBar, menu.toggle(true); //   ( ) return true; } return super.onOptionsItemSelected(item); }

onCreate（）の最後に、次を追加します。

 getSupportActionBar().setDisplayShowCustomEnabled(true); getSupportActionBar().setDisplayHomeAsUpEnabled(true);

とりわけ、最後のコードはアイコンに美しい矢印を追加します。

「戻る」ボタンを押してメニューを閉じる

ここではすべてがシンプルで、メニューは開いていますが、「戻る」をクリックすると、メニューではなくアプリケーションが閉じます。次のコードで修正します。

 public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { //    "" if(menu.isMenuShowing()){ //   SlidingMenu  menu.toggle(true); //   return false; } } return super.onKeyDown(keyCode, event); }

コメントでは、 onBackPressed（）

完全なコードMainActivity.java

 import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.KeyEvent; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { private SlidingMenu menu; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); menu = new SlidingMenu(this); menu.setMode(SlidingMenu.LEFT); menu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN); menu.setShadowDrawable(R.drawable.actionbar_gradient); menu.setShadowWidth(15); menu.setFadeDegree(0.0f); menu.attachToActivity(this, SlidingMenu.SLIDING_WINDOW); menu.setBehindWidth(200); menu.setMenu(R.layout.menu_frame); getSupportActionBar().setDisplayShowCustomEnabled(true); getSupportActionBar().setDisplayHomeAsUpEnabled(true); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: menu.toggle(true); return true; } return super.onOptionsItemSelected(item); } public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if(menu.isMenuShowing()){ menu.toggle(true); return false; } } return super.onKeyDown(keyCode, event); } }

結果：

（残念ながら、この画面はHabraStorageに完全には読み込まれませんでした。サードパーティの画像ホスティングを使用する必要がありました）。

結論として

読者から生じる可能性のある論理的な質問に答えます。「なぜActionBar Sherlockでないのか」（確かにそれが何かを知っている場合）？

答えは簡単です。作業の最初にその存在を知りませんでした。 SlidingMenuが起動したときに、推奨されるシャーロックについて知りましたが、サポートライブラリとそれを使用するコードの半分を変更する必要はありませんでした。

結局のところ、問題の半分はこのプラットフォームにまったく関係しておらず、そのためのツールに関係しているため、Androidのプログラミングを開始するのはそれほど簡単ではありません。

しかし、上で言ったように、少し理解するだけで、すべてがより明確になります。

最後まで読んでくれてありがとう。

PSコードの品質やテキストの品質についてコメントがある場合、すべてを同じ初心者の初心者向けに設計していることを忘れないでください。

UPD：コメントからコメントを追加しました。

SlidingMenuをサポートライブラリに接続し、考えられる問題を回避します