ここからパッケージをダウンロードしてプロジェクトのクラスパスに追加するか、Maven リポジトリを使用するだけです: Gradle:
' com.ramotion.paperonboarding:paper-onboarding:1.1.3 '
ミナミマグロ:
libraryDependencies += " com.ramotion.paperonboarding " % " paper-onboarding " % " 1.1.3 "
メイビン:
< dependency >
< groupId >com.ramotion.paperonboarding</ groupId >
< artifactId >paper-onboarding</ artifactId >
< version >1.1.3</ version >
< type >aar</ type >
</ dependency >
Paper Onboarding は、アプリのシンプルで使いやすいオンボーディング スライダーです。各スライダー ページのコンテンツ (メイン アイコン、テキスト、下部の小さな丸いアイコン) を指定するだけです。
1 PaperOnboardingPage
を使用して、スライダー用のデータを準備します。
PaperOnboardingPage scr1 = new PaperOnboardingPage ( "Hotels" ,
"All hotels and hostels are sorted by hospitality rating" ,
Color . parseColor ( "#678FB4" ), R . drawable . hotels , R . drawable . key );
PaperOnboardingPage scr2 = new PaperOnboardingPage ( "Banks" ,
"We carefully verify all banks before add them into the app" ,
Color . parseColor ( "#65B0B4" ), R . drawable . banks , R . drawable . wallet );
PaperOnboardingPage scr3 = new PaperOnboardingPage ( "Stores" ,
"All local stores are categorized for your convenience" ,
Color . parseColor ( "#9B90BC" ), R . drawable . stores , R . drawable . shopping_cart );
ArrayList < PaperOnboardingPage > elements = new ArrayList <>();
elements . add ( scr1 );
elements . add ( scr2 );
elements . add ( scr3 );
2 PaperOnboardingFragment
からフラグメントを作成し、データを提供します。
PaperOnboardingFragment onBoardingFragment = PaperOnboardingFragment . newInstance ( elements );
3 完了!これで、このフラグメントをアクティビティ内で必要に応じて使用できるようになります。たとえば、次のようになります。
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
fragmentTransaction . add ( R . id . fragment_container , onBoardingFragment );
fragmentTransaction . commit ();
4 追加ステップ: ユーザーが最後の画面から次へスワイプしたときにこのフラグメントを別のフラグメントに置き換えるなど、ロジックを使用してフラグメントにイベント リスナーを追加できます。
onBoardingFragment . setOnRightOutListener ( new PaperOnboardingOnRightOutListener () {
@ Override
public void onRightOut () {
FragmentTransaction fragmentTransaction = fragmentManager . beginTransaction ();
Fragment bf = new BlankFragment ();
fragmentTransaction . replace ( R . id . fragment_container , bf );
fragmentTransaction . commit ();
}
});
現在、すべてのイベントをカバーする 3 つのリスナー (onRightOut、onLeftOut、onChange) があります。リポジトリのコード例と使用法を参照してください。
Paper Onboarding Android は MIT ライセンスに基づいてリリースされています。詳細については、「ライセンス」を参照してください。
このライブラリは、厳選された最高の UI オープンソース プロジェクトの一部です。
プロジェクトでオープンソース ライブラリを使用する場合は、必ずクレジットを記載し、www.ramotion.com にバックリンクしてください。
Android アプリでこの UI コンポーネントなどを試してみてください。ご興味がございましたらお問い合わせください。