Androidはインターフェイスの左右スライド切り替え機能を実現

高洛峰
リリース: 2017-01-14 11:50:45
オリジナル
1236 人が閲覧しました

モバイル QQ や WeChat などのソフトウェアを使用したことがあると思いますが、それを使用すると、インターフェースの切り替えがページのタブをクリックするだけでなく、左右にスライドすることでも実現できることに気づくのは難しくありません。マウスさんは Android を学び始めたばかりです。私はいつもこのようにスライドするのがとてもクールだと思っていて、それを自分でも実現したいと思っていました。皆さんもマウスさんのように、待たずに実装方法を知りたいと思っていると思います。それでは、この機能の実装方法を詳しく説明しましょう。

まず、ViewPager コントロールについて理解しましょう

ViewPager は、Android SDk に付属する追加パッケージである android-support-v4.jar 内のクラスであり、画面間の切り替えに使用できます。最新バージョンの android-support-v4.jar をオンラインで検索できます。ダウンロードしたら、プロジェクトに追加する必要があります。

XMLレイアウト

まず、アクティビティのレイアウトを見てみましょう。最初の行には TextView ページ ラベルが 2 つあるだけなので、名前は気にする必要はありません。 2 行目はインターフェイスをスライドするときのスクロール バーです。画像を選択してドローアブルに追加する必要があります。3 行目は実装するインターフェイスの切り替え用の ViewPager です。

リーリー

最初にレイアウトでTextViewのbackgroundプロパティを設定して、押されたときに背景色を変更し、離したときに色を元に戻すことができるようにします。その方法は、ドローアブルで selector.xml ファイルを作成し、次のコードを記述することです。

セレクター.xml:

リーリー

もちろん、まず最初に、values フォルダーに新しい color.xml ファイルを作成し、プレスの色を設定する必要があります。

color.xml:

リーリー

アクティビティのレイアウトを確認した後、切り替えたいインターフェイスのレイアウトを見てみましょう。簡単にするために、これら 2 つのレイアウト ファイルをレイアウト ファイル内に作成する必要があります。 、ここでは背景色のみを設定します。テスト時に効果を確認できます。 video_player.xml:
リーリー

メディアプレーヤー.xml:

リーリー

Javaコード

リーリー

以上が、マウス氏のコードの詳細なコメントです。これで、このような「クールな」効果が得られると思いますか? (笑)。さらに多くのページを作成したい場合は作成できますが、スライド距離に対処する必要があります。ご不明な点がございましたら、いつでもマウスさんに質問してください。上記の内容に間違いがある場合は、修正してください。一緒に学び、改善していきましょう。

Android のインターフェイスの左右スライド切り替え機能の実装に関するその他の記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート