新的片断没有完全取代旧片段

Question

enter image description here

这是布局后，我点击我的图片按钮，新的片段没有完全取代旧的片段......

这是我的旧片段菜单的java代码

public class CMenu extends Fragment implements View.OnClickListener{ 
@Nullable 
@Override 
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup 
container, @Nullable Bundle savedInstanceState){ 

return inflater.inflate(R.layout.fragment_cmenu,container,false); 
} 

@Override 
public void onViewCreated(View view,@Nullable Bundle savedInstanceState){ 
    super.onViewCreated(view,savedInstanceState); 
    initView(view); 

} 
private void initView(View view){ 
    ImageButton prebtn = (ImageButton) view.findViewById(R.id.premium_cake); 
    prebtn.setOnClickListener(this); 
    ImageButton homemade = (ImageButton) view.findViewById(R.id.homemade); 
    homemade.setOnClickListener(this); 
    ImageButton sc_cake = (ImageButton) view.findViewById(R.id.sc_cake); 
    sc_cake.setOnClickListener(this); 
    ImageButton special_food = (ImageButton) 
    view.findViewById(R.id.special_food); 
    special_food.setOnClickListener(this); 
    ImageButton delicious_drink = (ImageButton) 
    view.findViewById(R.id.delicious_drink); 
    delicious_drink.setOnClickListener(this); 
    ImageButton other = (ImageButton) view.findViewById(R.id.other); 
    other.setOnClickListener(this); 

} 

@Override 
public void onClick(View view){ 
    switch (view.getId()){ 
     case R.id.premium_cake: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
PremiumCake()).addToBackStack(null).commit(); 
      break; 
     case R.id.homemade: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
HomeMade()).addToBackStack(null).commit(); 
      break; 
     case R.id.sc_cake: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
SpecialCake()).addToBackStack(null).commit(); 
      break; 
     case R.id.delicious_drink: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
DeliciousDrink()).addToBackStack(null).commit(); 
      break; 
     case R.id.special_food: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
SignatureFood()).addToBackStack(null).commit(); 
      break; 
     case R.id.other: 

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
Other()).addToBackStack(null).commit(); 
      break; 
    } 
} 

this is my new fragment java code 

public class Other extends Fragment { 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
} 

@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
         Bundle savedInstanceState) { 
    // Inflate the layout for this fragment 
    return inflater.inflate(R.layout.other, container, false); 
} 

旧片段XML（我使用此上滚动视图）

<ScrollView 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:background="?android:windowBackground" 
    android:layout_height="wrap_content" 
    tools:context=".MenuFragment" 
    tools:ignore="ContentDescription" 
    android:id="@+id/MenuFragment"> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/sc_cake" 
     android:background="@drawable/sc_bg" 
     android:layout_height="120dp" 
     android:layout_below="@+id/homemade" 
     android:layout_alignParentStart="true" 
     /> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/premium_cake" 
     android:background="@drawable/pc_bg" 
     android:layout_height="120dp" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentEnd="true" 
     android:layout_marginTop="50dp" /> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/homemade" 
     android:background="@drawable/hmc_bg" 
     android:layout_height="120dp" 
     android:layout_below="@+id/premium_cake" 
     android:layout_alignParentStart="true" /> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/delicious_drink" 
     android:background="@drawable/dd_bg" 
     android:layout_height="120dp" 
     android:layout_below="@+id/special_food" 
     android:layout_alignParentStart="true" /> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/other" 
     android:background="@drawable/other_bg" 
     android:layout_height="120dp" 
     android:layout_below="@+id/delicious_drink" 
     android:layout_alignParentStart="true" 
     android:layout_marginBottom="50dp" /> 

    <ImageButton 
     android:layout_width="match_parent" 
     android:id="@+id/special_food" 
     android:background="@drawable/sf_bg" 
     android:layout_height="120dp" 
     android:layout_below="@+id/sc_cake" 
     android:layout_alignParentStart="true" /> 

    </RelativeLayout> 
</ScrollView> 

新片段的xml

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_alignParentTop="true"> 

<GridLayout 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:weightSum="1" 
    android:background="#2e3192"> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="50dp"> 

     <Button 
      android:id="@+id/cb_big" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="180dp" 
      android:background="@drawable/coolerbag_big" /> 

     <Button 
      android:id="@+id/cb_small" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="180dp" 
      android:background="@drawable/coolerbag_small" /> 


    </LinearLayout> 
</GridLayout> 
</ScrollView> 

Answer 1

活性的XML包含旧片段

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:background="@android:color/black" 
    tools:context=".MainActivity"> 
<FrameLayout 
      android:id="@+id/container" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"/> 
    </LinearLayout> 

的替换方法删除以前的片段，这是在 容器，并添加了新的一个。

所以，在你最初加载旧片段的活动课，你必须这样做：

OldFragment fragment = new OldFragment(); 
     FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction(); 
     fragmentTransaction.replace(R.id.container, fragment); 
     fragmentTransaction.commit(); 

所以，现在，被点击图像时，用一个新的来代替旧片段，而不是的：

getFragmentManager().beginTransaction().replace(R.id.MenuFragment,new 
PremiumCake()).addToBackStack(null).commit(); 

只要做到：

getFragmentManager().beginTransaction().replace(R.id.container,new 
    PremiumCake()).addToBackStack(null).commit(); 

容器是活动XML中的框架布局，其中包含 您的旧片段并将其替换为新的片段。