web-dev-qa-db-ja.com

Android iOS ActionSheetと同等

IOS SDKのUIActionSheetと同等のAndroid)とは何ですか?React-Nativeプロジェクトに取り組んでいますが、可能な限りネイティブコントロールの使用を維持する必要があります。それぞれのplartform 'actionsheet'を使用するパッケージまたはその他。それらはすべてiOSのネイティブアクションシートと、Android(非ネイティブにするためのiOSアクションシートのモックAndroidの場合。iOSがアクションシートを表示する場所をAndroidが示している場合は、RN AndroidのコンポーネントをAndroidおよびiOS用のアクションシート。これが明確な質問であることを願っています。

8
pnizzle

BottomSheetDialogを使用して、Androidで同じ作業を行います。まったく同じではなく、iOSに比べて書くのにもう少しコードが必要になる場合があります。しかし、最終的な結果は似ています。

参照:

https://developer.Android.com/reference/Android/support/design/widget/BottomSheetDialog.htmlhttps://medium.com/glucosio-project/15fb8d140295

8
Yuchen Zhong

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>

enter image description here

5
Nayan Dabhi

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()メソッドを呼び出して閉じます。
2
Abhishek Singh