软键盘覆盖底部对话框

时间:2018-02-24 18:38:50

标签: java android android-layout

我搜索了所有关于SO的相关问题,基本上尝试了所有解决方案,并且无处可去。我希望使用EditText创建一个底部工作表模式对话框,其中包含一些BottomSheetDialogFragment和其他组件,这很容易。

我遇到的问题是软键盘覆盖了对话框的一半。我改变的设置似乎没有任何任何的差异。 API中有什么变化吗?没有任何谷歌搜索似乎揭示了解决方案。当前发生的情况:键盘不包括当前所选的编辑文本,但它覆盖了它下面的对话框。我希望整个对话框始终可见,并在键盘打开时移动。

这是我的Fragment类:

public class GoalUpdateFormDialogFragment extends BottomSheetDialogFragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.goal_update_form, container, false);

        assert getDialog().getWindow() != null;

        getActivity().getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
        getDialog().getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

        return view;
    }

}

这是我正在使用的对话框布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/goal_update_bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_margin="5dp"
    xmlns:android="http://schemas.android.com/apk/res/android"
    app:layout_behavior="@string/bottom_sheet_behavior"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_margin="5dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/progress_update_hint"/>

        <EditText
            android:id="@+id/goal_progress_number_picker"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="@string/goal_progress_box_hint"
            android:inputType="number"/>

    </LinearLayout>

    <EditText
        android:id="@+id/goal_update_comment_box"
        style="@style/Widget.AppCompat.EditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="top"
        android:hint="@string/comment"
        android:lines="4"
        android:maxLines="6"
        android:inputType="textMultiLine"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/image_attachment_file_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/image_file_name_placeholder"
            android:layout_marginStart="10dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"/>

        <ImageButton
            android:id="@+id/delete_attachment_button"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_marginStart="4dp"
            android:layout_gravity="center_vertical"
            android:background="@drawable/transparent"
            android:alpha="0.54"
            android:src="@drawable/ic_delete_black_24dp"/>

    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="start">

        <ImageButton
            android:id="@+id/attach_file_button"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@drawable/transparent"
            android:src="@drawable/ic_attach_file_black_24dp"
            android:alpha="0.54"/>

        <ImageButton
            android:id="@+id/attach_image_button"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:background="@drawable/transparent"
            android:layout_toEndOf="@id/attach_file_button"
            android:src="@drawable/ic_add_a_photo_black_24dp"
            android:alpha="0.54"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/max_one_attachment"
            android:layout_toEndOf="@id/attach_image_button"
            android:layout_centerVertical="true"
            android:layout_marginStart="10dp"
            android:alpha="0.5"/>

        <ImageButton
            android:id="@+id/submit_button"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:src="@drawable/ic_send_black_24dp"
            android:background="@drawable/transparent"
            android:layout_alignParentEnd="true"
            android:alpha="0.54"/>

    </RelativeLayout>

</LinearLayout>

以下是将在其中显示对话框的活动布局:

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.iepone.classroom.view.activities.StudentDetailActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/todo"
                android:layout_gravity="center"
                android:textAlignment="center"/>

            <Button
                android:id="@+id/pick_image_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Pick image"
                android:onClick="onClickPickImage"/>

            <Button
                android:id="@+id/test_comment_box_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Test comment box"
                android:onClick="onClickTestCommentBox"/>

            <ImageView
                android:id="@+id/test_image_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>

        </LinearLayout>

    </RelativeLayout>

</android.support.design.widget.CoordinatorLayout>

编辑:每个请求,这里是android清单,删除了无关的位:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="REDACTED">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        tools:replace="android:label">
        <activity
            android:name=".view.activities.SplashActivity"
            android:theme="@style/SplashTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".view.activities.MainActivity"
            android:theme="@style/MainActivityTheme" />
        <activity
            android:name=".view.activities.StudentDetailActivity"/>
    </application>

</manifest>

2 个答案:

答案 0 :(得分:0)

请尝试在清单活动中添加以下行

android:windowSoftInputMode="adjustResize"

例如:

<activity
        android:name=".view.activities.StudentDetailActivity"
        android:windowSoftInputMode="adjustResize" />

只要键盘出现,您的对话框大小就会调整。希望它有所帮助

答案 1 :(得分:0)

如果底片上有一个非常大的ui,最好是使用固定大小的NestedScrollView;

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="500dp"
    android:background="@color/colorWhite"
    android:orientation="vertical">

......Other views

</android.support.v4.widget.NestedScrollView>

还有一个BottomSheetBehavior,如下面的bottomSheet;

定义成员变量

private BottomSheetBehavior.BottomSheetCallback mBottomSheetBehaviorCallback = new BottomSheetBehavior.BottomSheetCallback() {

    @Override
    public void onStateChanged(@NonNull View bottomSheet, int newState) {
        if (newState == BottomSheetBehavior.STATE_HIDDEN) {
            dismiss();
        }
    }

    @Override
    public void onSlide(@NonNull View bottomSheet, float slideOffset) {
    }
};

然后设置

@Override
public void setupDialog(Dialog dialog, int style) {
    super.setupDialog(dialog, style);
    View contentView = View.inflate(getContext(), R.layout.content_register, null);
    ButterKnife.bind(this, contentView);
    dialog.setContentView(contentView);

    CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) ((View) contentView.getParent()).getLayoutParams();
    CoordinatorLayout.Behavior behavior = params.getBehavior();

    if( behavior != null && behavior instanceof BottomSheetBehavior ) {
        ((BottomSheetBehavior) behavior).setBottomSheetCallback(mBottomSheetBehaviorCallback);
        ((BottomSheetBehavior) behavior).setState(BottomSheetBehavior.STATE_EXPANDED);
    }
}