在不使用片段的情况下以相同的布局更改屏幕

Question

I'm developing with Android Studio. I created a screen that will have buttons on the side so it looks like a menu bar. i want to make the left (red side) layout changeable - means that if i click on one of the images on the right (green side) the left layout will change to a different layout and will open a different activity. I already have the activities and their layouts that i want to show on the left side using the clickable images on the right side. can i make it work without using fragments?

the "menu" i have and how i want it to work

the layout is:

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/ightwall" android:id="@+id/drawerlayout" android:weightSum="1" > <ScrollView android:layout_width="0dp" android:layout_height="match_parent" android:layout_gravity="left" android:layout_weight=".7"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="My List" android:textAlignment="center" android:textSize="20dp" android:textStyle="bold" /> </LinearLayout> </ScrollView> <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:orientation="vertical" android:background="#D5D4D4" android:layout_gravity="right" android:layout_weight=".3"> <ImageView android:id="@+id/mylist" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="3dp" android:src="@drawable/createlist_mylist" android:adjustViewBounds="true" android:maxHeight="100dp" android:maxWidth="100dp" android:layout_gravity="center" /> <ImageView android:id="@+id/freeadd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="3dp" android:src="@drawable/createlist_freetext" android:adjustViewBounds="true" android:maxHeight="100dp" android:maxWidth="100dp" android:layout_gravity="center" /> <ImageView android:id="@+id/categoryadd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="3dp" android:src="@drawable/createlist_categorysearch" android:adjustViewBounds="true" android:maxHeight="100dp" android:maxWidth="100dp" android:layout_gravity="center" /> <ImageView android:id="@+id/favproductadd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="3dp" android:src="@drawable/createlist_favproduct" android:adjustViewBounds="true" android:maxHeight="100dp" android:maxWidth="100dp" android:layout_gravity="center" /> </LinearLayout> </LinearLayout> 

Answer 1

You can use Replace Fragment

in OnClickListener

 FragmentManager manager = getSupportFragmentManager();
    manager.beginTransaction()
            .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN)
            .replace(R.id.content_main, new TargetFragment())
            .commit();

And Change yourxml at

 <ScrollView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:layout_weight=".7">

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

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="My List"

            android:textAlignment="center"
            android:textSize="20dp"
            android:textStyle="bold" />

    </LinearLayout>

</ScrollView>

To

 <ScrollView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:layout_weight=".7">

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

  </FrameLayout>

</ScrollView>

create class TargetFragment.class

 import android.support.v4.app.Fragment;
 public class TargetFragment extends Fragment {
 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View root = inflater.inflate(R.layout.target_fragment_xml, container, false);

 // Enter code here
 return root;
 }

Answer 2

The better and easy way is to use fragments. However if you don't wan't to use fragments, then you can have all the views in your activity's xml in some separate relative or linear layout, whichever you prefer and play with hide-show views with each click.

Answer 3

The easy way is to use fragments. Fragments are designed to be reusable UI layouts. But if you don't want to use fragments, you can create CustomView and use addView , removeView like example:

LinearLayout layout=new LinearLayout(context);
layout.addView(new  Button(context));
layout.addView(new ImageButton(context));

TextView view = new TextView(context);
view.setText("Hello World");
layout.addView(view); 

layout.removeView(view);