Question

我有一个Fragment，其中包含EditText和ImageView，需要在配置更改期间保留它们，因此我尝试通过onSaveInstanceState保存文本和位图。 / p>

但是当我旋转设备时，问题开始了。

我保存的文本与EditText的提示重叠，而位图与ImageView的原始占位符重叠。

我尝试通过各种方法（onCreateView，onViewCreated和onViewStateRestored）进行还原。但是仍然存在相同的问题。

因此，我使用的是onSaveInstanceState，而不是setRetainInstance(true)，问题仍然在于文本与EditText中的提示重叠。

那么我在哪里做错了？以及如何解决这个问题。

这是EditText：

<EditText
    android:id="@+id/username_editext"
    android:layout_centerVertical="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="@string/enter_ur_name"
    android:inputType="text"
    android:lines="1"
    android:padding="8dp"/>

这是ImageView：

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/profile_image"
    android:layout_above="@id/username_editext"
    android:layout_centerHorizontal="true"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/profile"
    />

这是通过bundle保存和还原的代码：

public void onViewStateRestored(@Nullable Bundle savedInstanceState) {
    super.onViewStateRestored(savedInstanceState);

    if(savedInstanceState != null){
        Bitmap map = (Bitmap) savedInstanceState.getParcelable(BITMAP_KEY);
        if(map != null)
            mProfile.setImageBitmap(map);
        String name = savedInstanceState.getString(USERNAME_KEY);
        if(name != null)
            mUsernameEditext.setText(name);
    }
}

@Override
public void onSaveInstanceState(@NonNull Bundle outState) {
    if(isPhotoUploaded) {
        Bitmap map = ((BitmapDrawable)mProfile.getDrawable()).getBitmap();
        outState.putParcelable(BITMAP_KEY, map);
    }

    if(!mUsernameEditext.getText().toString().trim().equals("")){
        outState.putString(USERNAME_KEY , mUsernameEditext.getText().toString());
    }
}

Edit 1: 这是完整的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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"
    tools:context=".UsernameFragment">

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/profile_image"
        android:layout_above="@id/username_text_input_layout"
        android:layout_centerHorizontal="true"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/profile"
        />

    <android.support.design.widget.TextInputLayout
        android:layout_centerVertical="true"
        android:id="@+id/username_text_input_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/enter_ur_name"
        >
        <EditText
            android:id="@+id/username_editext"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="text"
            android:lines="1"
            android:padding="8dp"/>
    </android.support.design.widget.TextInputLayout>

    <Button
        android:id="@+id/upload_photo_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upload_photo"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/username_text_input_layout"/>

    <Button
        android:id="@+id/next_btn"
        android:layout_below="@id/upload_photo_btn"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/next"/>

</RelativeLayout>

Answer 1

我发现，如果我使用标签代替容器的ID，问题就解决了。

这是构建fragment之前的代码：

    FragmentManager manager = getSupportFragmentManager();
    if (manager.findFragmentById(R.id.container) == null) {
        usernameFragment = UsernameFragment.newInstance();
        manager.beginTransaction()
                .add(R.id.container , usernameFragment)
                .commit();
    }

现在这是代码：

    FragmentManager manager = getSupportFragmentManager();
    if (manager.findFragmentByTag("user_name") == null) {
        usernameFragment = UsernameFragment.newInstance();
        manager.beginTransaction()
                .add(R.id.container , usernameFragment , "user_name")
                .commit();
    }

我仍然不知道为什么旋转后第一个代码在视图中会重叠。如果我调用片段中任何视图的getter并返回null

方向更改后还原视图

1 个答案: