想请问一下怎么实现Android类似微信那种切换界面,只要求个思路
就是下面几个图标,然后点不同的图标仿佛只有图标栏上方改变了,图标栏一直保持不变
ringa_lee
公式ドキュメントには簡単に実装できる概要が記載されています: https://developer.android.goo...
自分で書くこともできます
タブを切り替えるときは、タイトルを変更するだけです。
Guo Lin 氏が、実際の Android ActionBar アプリケーションと模倣性の高い WeChat メイン インターフェイスのデザインを参照できることを共有したことが判明しました。
下部のナビゲーション バーを検索して、オンラインでさまざまな実装方法を見つけます。または、Android に付属のボトム ナビゲーションを使用することもできます。同様の効果が発生します。
WeChat の UI を分析しました:
WeChat の UI は全体として 2 つのレイヤーに分かれていることがわかります。上のレイヤーにはタイトル (一番上に付いている) だけがあり、下のレイヤーは com.tencent.mm.ui.mogic.WxViewPager が入った直線的なレイアウトです。 WeChat のカスタマイズされた Viewpager と下部のインジケーターは非常にシンプルです。言い換えれば、WeChat UI は常にシンプルから粗雑です...
com.tencent.mm.ui.mogic.WxViewPager
Viewpager
この記事は https://segmentfault.com/a/11...
典型的な同様の実装は TabLayout + ViewPager です
公式ドキュメントには簡単に実装できる概要が記載されています:
https://developer.android.goo...
自分で書くこともできます
リーリータブを切り替えるときは、タイトルを変更するだけです。
Guo Lin 氏が、実際の Android ActionBar アプリケーションと模倣性の高い WeChat メイン インターフェイスのデザインを参照できることを共有したことが判明しました。
下部のナビゲーション バーを検索して、オンラインでさまざまな実装方法を見つけます。または、Android に付属のボトム ナビゲーションを使用することもできます。同様の効果が発生します。
WeChat の UI を分析しました:
WeChat の UI は全体として 2 つのレイヤーに分かれていることがわかります。上のレイヤーにはタイトル (一番上に付いている) だけがあり、下のレイヤーは
。com.tencent.mm.ui.mogic.WxViewPager
が入った直線的なレイアウトです。 WeChat のカスタマイズされたViewpager
と下部のインジケーターは非常にシンプルです。言い換えれば、WeChat UI は常にシンプルから粗雑です...この記事は https://segmentfault.com/a/11...
で読むことができます。典型的な同様の実装は TabLayout + ViewPager です