IOS SDKのUIActionSheetと同等のAndroid)とは何ですか?React-Nativeプロジェクトに取り組んでいますが、可能な限りネイティブコントロールの使用を維持する必要があります。それぞれのplartform 'actionsheet'を使用するパッケージまたはその他。それらはすべてiOSのネイティブアクションシートと、Android(非ネイティブにするためのiOSアクションシートのモックAndroidの場合。iOSがアクションシートを表示する場所をAndroidが示している場合は、RN AndroidのコンポーネントをAndroidおよびiOS用のアクションシート。これが明確な質問であることを願っています。
BottomSheetDialog
を使用して、Androidで同じ作業を行います。まったく同じではなく、iOSに比べて書くのにもう少しコードが必要になる場合があります。しかし、最終的な結果は似ています。
参照:
https://developer.Android.com/reference/Android/support/design/widget/BottomSheetDialog.htmlhttps://medium.com/glucosio-project/15fb8d140295
AndroidでBottomSheetDialog
を使用して同様の機能を実装しました。
BottomSheetDialog mBottomDialogNotificationAction;
private void showDialogNotificationAction() {
try {
View sheetView = mActivity.getLayoutInflater().inflate(R.layout.dialog_bottom_notification_action, null);
mBottomDialogNotificationAction = new BottomSheetDialog(mActivity);
mBottomDialogNotificationAction.setContentView(sheetView);
mBottomDialogNotificationAction.show();
// Remove default white color background
FrameLayout bottomSheet = (FrameLayout) mBottomDialogNotificationAction.findViewById(Android.support.design.R.id.design_bottom_sheet);
bottomSheet.setBackground(null);
} catch (Exception e) {
e.printStackTrace();
}
}
dialog_bottom_notification_action.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="wrap_content"
Android:orientation="vertical"
Android:padding="10dp">
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:background="@drawable/rounded_corner"
Android:orientation="vertical">
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:clickable="true"
Android:foreground="?attr/selectableItemBackground"
Android:orientation="vertical"
Android:padding="15dp">
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_gravity="center"
Android:text="Apply Leave"
Android:textColor="#1E82FF"
Android:textSize="16sp" />
</LinearLayout>
<View
Android:layout_width="match_parent"
Android:layout_height="0.5dp"
Android:background="#E5E5E5" />
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:clickable="true"
Android:foreground="?attr/selectableItemBackground"
Android:orientation="vertical"
Android:padding="15dp">
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_gravity="center"
Android:text="Regularisation"
Android:textColor="#1E82FF"
Android:textSize="16sp" />
</LinearLayout>
</LinearLayout>
<LinearLayout
Android:layout_width="match_parent"
Android:layout_height="wrap_content"
Android:layout_marginTop="15dp"
Android:background="@drawable/rounded_corner"
Android:clickable="true"
Android:foreground="?attr/selectableItemBackground"
Android:orientation="vertical"
Android:padding="15dp">
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_gravity="center"
Android:text="Close"
Android:textColor="#1E82FF"
Android:textSize="16sp"
Android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
rounded_corner.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
<solid Android:color="#ffffff" />
<corners Android:radius="@dimen/size_10dp" />
</shape>
IOSのようなActionSheetの場合、 This Library を使用できます
使用法
この依存関係をアプリレベルのgrsadleに追加します
_dependencies {
compile 'com.baoyz.actionsheet:library:1.1.7'
}
_
ActionSheetを作成して表示
_ActionSheet.createBuilder(this, getSupportFragmentManager())
.setCancelButtonTitle("Cancel")
.setOtherButtonTitles("Item1", "Item2", "Item3", "Item4")
.setCancelableOnTouchOutside(true)
.setListener(this).show();
_
メソッド
setCancelButtonTitle()
キャンセルボタンタイトル、(文字列)setOtherButtonTitles()
アイテムボタンのタイトル、(String [])setCancelableOnTouchOutside()
外側にタッチして閉じる(ブール値)setListener()
リスナーを設定してイベントをリッスンしますshow()
ActionSheet
を表示し、ActionSheet
Objectを返し、ActionSheetのdismiss()
メソッドを呼び出して閉じます。