このライブラリは、MaterialUp.com に掲載されているフィルターコンセプトの実装です。
BottomSheetDialog への FloatingActionButton のアニメーションを簡単に実装できるようになります。
グラドル
アプリレベルの build.gradle ファイルに依存関係を追加します。
dependencies {
implementation ' io.github.krupen:fabulousfilter:0.0.6 '
}
AAH_FabulousFragment
を拡張するフラグメントを作成します。
public class MySampleFabFragment extends AAH_FabulousFragment {
public static MySampleFabFragment newInstance() {
MySampleFabFragment f = new MySampleFabFragment();
return f;
}
@Override
public void setupDialog(Dialog dialog, int style) {
View contentView = View.inflate(getContext(), R.layout.filter_sample_view, null);
RelativeLayout rl_content = (RelativeLayout) contentView.findViewById(R.id.rl_content);
LinearLayout ll_buttons = (LinearLayout) contentView.findViewById(R.id.ll_buttons);
contentView.findViewById(R.id.btn_close).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
closeFilter("closed");
}
});
//params to set
setAnimationDuration(600); //optional; default 500ms
setInterpolator(new AccelerateDecelerateInterpolator()); // optional
setPeekHeight(300); // optional; default 400dp
setCallbacks((Callbacks) getActivity()); //optional; to get back result
setAnimationListener((AnimationListener) getActivity()); //optional; to get animation callbacks
setViewgroupStatic(ll_buttons); // optional; layout to stick at bottom on slide
setViewPager(vp_types); //optional; if you use viewpager that has scrollview
setViewMain(rl_content); //necessary; main bottomsheet view
setMainContentView(contentView); // necessary; call at end before super
super.setupDialog(dialog, style); //call super at last
}
}
親要素AAH_FilterView
を持つフラグメントのビューを作成します。
<com.allattentionhere.fabulousfilter.AAH_FilterView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/rl_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentBottom="true"
android:background="@color/orange"
android:visibility="invisible"
tools:ignore="MissingPrefix"
tools:visibility="visible">
<LinearLayout
android:id="@+id/ll_buttons"
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_alignParentBottom="true"
android:background="@color/brown"
android:orientation="horizontal"
android:weightSum="2">
</LinearLayout>
</RelativeLayout>
</com.allattentionhere.fabulousfilter.AAH_FilterView>
以下のように、FloatingActionButton をクリックするとフラグメントを開始します。
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
MySampleFabFragment dialogFrag = MySampleFabFragment.newInstance();
dialogFrag.setParentFab(fab);
dialogFrag.show(getSupportFragmentManager(), dialogFrag.getTag());
}
});
このパラメータは、アニメーション終了後に表示される下部シートの ViewGroup を指定します。任意の ViewGroup (LinearLayout/FrameLayout など) にすることができます。
setViewMain(relativelayout_content);
このパラメータは、ダイアログの展開ビューを指定します。
setMainContentView(contentDialogView);
このパラメータは、移動およびスケール アニメーションのアニメーション時間をmilliseconds
で設定します。
setAnimationDuration(600); // default 500ms
このパラメータは、ファブ アニメーションの補間器を設定するために使用されます。
setInterpolator(new AccelerateDecelerateInterpolator());
このパラメータは、底部シートのピーク高さをdp
で設定します。
setPeekHeight(300); // default 400dp
このパラメータは、 AAH_FabulousFragment
からそれを呼び出したコンポーネントへのコールバックを取得するために使用されます。
setCallbacks((Callbacks) getActivity());
これを使用するには、呼び出し元コンポーネント (アクティビティ/フラグメントなど) にコールバックを実装します。例:
public class MainSampleActivity extends AppCompatActivity implements AAH_FabulousFragment.Callbacks {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_sample);
}
@Override
public void onResult(Object result) {
if (result.toString().equalsIgnoreCase("swiped_down")) {
//do something or nothing
} else {
//handle result
}
}
}
このパラメータはアニメーション コールバックを取得するために使用されます。
setAnimationListener((AnimationListener) getActivity());
これを使用するには、呼び出し側コンポーネント (アクティビティ/フラグメントなど) にAnimationListenerを実装します。例:
public class MainSampleActivity extends AppCompatActivity implements AAH_FabulousFragment.AnimationListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_sample);
}
@Override
public void onOpenAnimationStart() {
//do something on open animation start
}
@Override
public void onOpenAnimationEnd() {
//do something on open animation end
}
@Override
public void onCloseAnimationStart() {
//do something on close animation start
}
@Override
public void onCloseAnimationEnd() {
//do something on close animation start
}
}
このパラメータは、ユーザーがボトムシートをスライドしたときにボトムシートのビューを静的にするために使用されます。任意の ViewGroup (LinearLayout/FrameLayout など) にすることができます。
setViewgroupStatic(linearlayout_buttons);
BottomSheetDialog はスクロールを伴う複数のビューをサポートしていないため、このパラメーターは ViewPager でのスクロールをサポートするために使用されます。
setViewPager(viewPager);
著作権 2017 クルペン ゲーティヤ
Apache License バージョン 2.0 (「ライセンス」) に基づいてライセンスされています。ライセンスに準拠する場合を除き、このファイルを使用することはできません。ライセンスのコピーは次の場所で入手できます。
http://www.apache.org/licenses/LICENSE-2.0
適用される法律で義務付けられている場合または書面による同意がない限り、ライセンスに基づいて配布されるソフトウェアは、明示または黙示を問わず、いかなる種類の保証や条件もなく、「現状のまま」で配布されます。ライセンスに基づく許可と制限を規定する特定の言語については、ライセンスを参照してください。