How to put a framelayout in a layout with buttons?

Question

I've 9 buttons in 3 rows, and I want a FrameLayout too. The purpose of it is that when a user clicks on the menu options and chooses something it has to remove the buttons and open the FrameLayout. What I need help for is the XML for this layout as weird things happen when I try to put a FrameLayout This is what happens when I try to put a FrameLayout:

And this is how it looks like when I don't have it:

Here is my XML for the layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="#32c6a6"
              android:weightSum="3">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="3">

        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/linRow1"
            android:layout_weight="1"
            android:weightSum="3">
            <Button
                android:text="13 egenskaber"
                android:id="@+id/G_Egenskaber"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/redbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
            <Button
                android:text="Profeternes egenskaber"
                android:id="@+id/P_egenskaber"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/redbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
            <Button
                android:text="Bøntider"
                android:id="@+id/Boentider"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/redbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
        </LinearLayout>

        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/linRow2"
            android:layout_weight="1"
            android:weightSum="3">
            <Button
                style="?android:attr/buttonStyleSmall"
                android:text="Wudu"
                android:id="@+id/Wudu"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bluebotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>

            <Button
                android:text="Wudu's betingelser"
                android:id="@+id/Wudu_B"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bluebotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
            <Button
                style="?android:attr/buttonStyleSmall"
                android:text="Wudu's afbrydelser"
                android:id="@+id/Wudu_A"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/bluebotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
        </LinearLayout>

        <LinearLayout
            android:orientation="horizontal"
            android:minWidth="25px"
            android:minHeight="25px"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/linRow3"
            android:layout_weight="1"
            android:weightSum="3">
            <Button
                android:text="Bønnens søjler"
                android:id="@+id/Boen_S"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/yellowbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
            <Button
                android:text="Bønnens betingelser"
                android:id="@+id/Boen_B"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/yellowbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
            <Button
                android:text="Bønnens afbrydelser"
                android:id="@+id/Boen_A"
                android:textSize="15dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/yellowbotton"
                android:layout_weight="1"
                android:textColor="#ffffff"/>
        </LinearLayout>
    </FrameLayout>


</LinearLayout>

You can create 2 layout-xml's one with the buttons and one with the framelayout and then you can load it with an inflater — Flo, Sep 16 '16 at 20:04

Cory Roy · Answer 1 · 2016-09-16T20:30:47.667

You have the linear layout inside the framelayout. It should be a peer not a parent.

<?xml version="1.0" encoding="utf-8"?>

<ViewSwitcher  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/switcher"
    android:layout_weight="0"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

    <LinearLayout
      android:id="@+id/buttons"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#32c6a6">

    <LinearLayout

        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow1"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            android:text="13 egenskaber"
            android:id="@+id/G_Egenskaber"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/redbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
        <Button
            android:text="Profeternes egenskaber"
            android:id="@+id/P_egenskaber"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/redbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
        <Button
            android:text="Bøntider"
            android:id="@+id/Boentider"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/redbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow2"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            style="?android:attr/buttonStyleSmall"
            android:text="Wudu"
            android:id="@+id/Wudu"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bluebotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>

        <Button
            android:text="Wudu's betingelser"
            android:id="@+id/Wudu_B"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bluebotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
        <Button
            style="?android:attr/buttonStyleSmall"
            android:text="Wudu's afbrydelser"
            android:id="@+id/Wudu_A"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bluebotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/linRow3"
        android:layout_weight="1"
        android:weightSum="3">
        <Button
            android:text="Bønnens søjler"
            android:id="@+id/Boen_S"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/yellowbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
        <Button
            android:text="Bønnens betingelser"
            android:id="@+id/Boen_B"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/yellowbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
        <Button
            android:text="Bønnens afbrydelser"
            android:id="@+id/Boen_A"
            android:textSize="15dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/yellowbotton"
            android:layout_weight="1"
            android:textColor="#ffffff"/>
    </LinearLayout>

   </LinearLayout>
</ViewSwitcher>

Then in your java code:

viewSwitcher.setDisplayedChild (0);

to show the frame layout and

viewSwitcher.setDisplayedChild (1);

to show the linearlayout.

@dadadudu Changed the answer as I had made a mistake and thought of a better solution for you. — Cory Roy, Sep 16 '16 at 20:31
Hmm, there's something I don't quite understand. Why should I set the visibility to gone? I want them to be there — dada dudu, Sep 16 '16 at 20:35
I thought the frame layout only shows after they click a button. With a view switcher you don't need to set visibility, just tell it which child to show - 0 or 1. — Cory Roy, Sep 16 '16 at 22:00

How to put a framelayout in a layout with buttons?

1 Answers1