Android片段屏幕重叠

时间:2013-06-15 17:27:34

标签: android android-layout

我有一个使用片段的应用。在我的一个用户设备(HTC One)上,这些片段相互重叠,他的屏幕看起来像一团糟:

enter image description here

我试图在我自己的硬件上重现它,虽然它不是HTC One。我也尝试使用Android版本4.1.2,这是他的版本,它工作正常。没有买完HTC One,有没有人有任何建议?

当我添加新片段时,我会这样做

 Fragment f = new MyFragment();
 FragmentTransaction ft = getActivity().getSupportFragmentManager().beginTransaction();
 ft.replace(R.id.mainContent, f);
 ft.addToBackStack(null);
 ft.commit();

我的XML布局(修剪到相关部分):

<RelativeLayout>
    <LinearLayout>
        <!-- My home screen content is here -->
    </LinearLayout>

    <!-- This is where the fragment gets placed -->
    <LinearLayout android:id="@+id/mainContent"
                  android:orientation="vertical"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent">
    </LinearLayout>
</RelativeLayout>

更新

添加的片段具有以下布局:

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@drawable/app_bg"    
    tools:context=".DeviceListActivity" >

    <!-- snipped! (for brevity) -->
</RelativeLayout>

我一直在玩 - 我注意到如果我删除android:background我可以重现这个问题,这让我相信HTC One导致片段的背景属性因某些原因被忽略。

4 个答案:

答案 0 :(得分:3)

我遇到过类似情况,以下情况对我有用。

检查savedInstanceState是否为null,在这种情况下,不执行片段事务。它将解决这个问题。

if (homeFragment == null) {
    if (savedStateInstance != null) {
    homeFragment = (HomeFragment) fragmentManager.findFragmentByTag(HOME_FRAGMENT);
    return;
}
// tie new fragment
homeFragment = new HomeFragment();
homeFragment.setArguments(bundle);
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.add(homeFragment, HOME_FRAGMENT);
transaction.commit();
}

希望这有帮助。

答案 1 :(得分:1)

事实证明问题是一个资源问题,但目前尚不清楚为什么......

我的背景只在ldpi文件夹中;通常,较高的密度将使用任何可用的图形,但在这种情况下,设备忽略该文件。一个bug? Dunno - 无论如何,修复方法是为匹配相同名称的xxdpi文件夹创建资源。

答案 2 :(得分:0)

您可以尝试将片段容器更改为FrameLayout,看看是否仍然会发生这种情况。由于你的片段有背景,它应该掩盖前一个片段。不知道为什么这只会在该设备上发生。

<!-- This is where the fragment gets placed -->
<FrameLayout android:id="@+id/mainContent"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

答案 3 :(得分:0)

我做过......

我的主要活动布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:background="@color/colorPrimary"
    android:padding="10dp">

    <RelativeLayout
        android:id="@+id/registerContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/usernameEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="15dp"
            android:layout_marginTop="15dp"
            android:hint="USERNAME"
            android:textColorHint="#FFFFFF"
            android:textColor="#FFFFFF"
            android:background="@drawable/edittext_style"
            android:textAlignment="center"/>

        <EditText
            android:id="@+id/passEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="15dp"
            android:layout_marginTop="15dp"
            android:inputType="textPassword"
            android:hint="PASSWORD"
            android:textColorHint="#FFFFFF"
            android:textColor="#FFFFFF"
            android:textAlignment="center"
            android:background="@drawable/edittext_style"
            android:layout_below="@id/usernameEditText"/>


        <EditText
            android:id="@+id/phoneEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="15dp"
            android:layout_marginTop="15dp"
            android:inputType="phone"
            android:hint="PHONE NUMBER"
            android:textColorHint="#FFFFFF"
            android:textColor="#FFFFFF"
            android:background="@drawable/edittext_style"
            android:textAlignment="center"
            android:layout_below="@id/passEditText"/>

        <EditText
            android:id="@+id/emailEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="15dp"
            android:layout_marginTop="15dp"
            android:inputType="textEmailAddress"
            android:hint="EMAIL"
            android:textColorHint="#FFFFFF"
            android:textColor="#FFFFFF"
            android:background="@drawable/edittext_style"
            android:textAlignment="center"
            android:layout_below="@id/phoneEditText"/>

        <Button
            android:id="@+id/registerEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/emailEditText"
            android:text="REGISTER"
            android:layout_marginTop="20dp"
            android:background="#0b999b"
            android:textColor="#000000"
            android:textSize="18dp"/>


    </RelativeLayout>

    <FrameLayout
        android:id="@+id/otpfragmentcontainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></FrameLayout>


</RelativeLayout>
重叠布局的

片段是otp_fragment.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="match_parent"
    android:background="@color/colorPrimary">

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

        <TextView
            android:id="@+id/textviewOTP"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Enter Your OTP"
            android:textColor="#0b999b"
            android:textStyle="bold"
            android:textSize="24dp"
            android:textAlignment="center"
            android:layout_marginTop="200dp"
            android:layout_marginBottom="5dp"/>

        <EditText
            android:id="@+id/otpEditText"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:padding="15dp"
            android:layout_marginTop="15dp"
            android:inputType="phone"
            android:hint="EX: 456789"
            android:textColorHint="#FFFFFF"
            android:textColor="#FFFFFF"
            android:background="@drawable/edittext_style"
            android:textAlignment="center"
            android:layout_below="@id/textviewOTP"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="ENTER"
            android:background="#0b999b"
            android:layout_centerHorizontal="true"
            android:layout_below="@id/otpEditText"/>


    </RelativeLayout>

</LinearLayout>

我所做的是

        registerContainer.setVisibility(View.GONE);

        FragmentManager fragmentManager = getFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        OTPFragment otpFragment = new OTPFragment();
            fragmentTransaction.add(R.id.otpfragmentcontainer, otpFragment);
            fragmentTransaction.commit();

which disable registerContainer and display my fragment layout