Search code examples
androidandroid-layoutandroid-scrollview

android scrollview beside textview and buttons


I am trying to add a scrollview to the left of some fixed components. I cannot get this to work. I am trying to have 10 buttons on the left that scroll up and down. Then, on the right are some additional elements and below the scrollbar/fixed text I have 3 additional buttons.

No matter what combination of ScrollBar and LinearLayouts I use, I have not been able to get this to work. I created the layout below as the baseline.

Thanks in advance.

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/main"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@android:color/black"
        android:orientation="vertical" >

    <TextView
        android:id="@+id/title"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:gravity="center_vertical|center_horizontal"
        android:text="Screen Title"
        android:textColor="@android:color/white"
        android:textSize="26dp" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:background="@android:color/white" />

    <LinearLayout
        android:id="@+id/widget98"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <LinearLayout
            android:id="@+id/llStdOptions"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_gravity="center"
            android:layout_weight=".1"
            android:orientation="horizontal"
            android:visibility="visible" >

            <ScrollView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight=".8"
                android:fadingEdgeLength="30dp" >

                <LinearLayout
                    android:id="@+id/llStdOptionsPt2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_weight=".1"
                    android:orientation="vertical" >

                    <TextView
                        android:layout_width="fill_parent"
                        android:layout_height="10dp" />

                    <Button
                        android:id="@+id/btn1"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B1"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn2"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B2"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn3"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B3"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn4"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B4"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn5"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B5"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn6"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B6"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn7"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B7"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn8"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B7"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn9"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B7"
                        android:textSize="16sp" />

                    <Button
                        android:id="@+id/btn10"
                        android:layout_width="80dp"
                        android:layout_height="40dp"
                        android:layout_gravity="center"
                        android:text="B7"
                        android:textSize="16sp" />
                </LinearLayout>
            </ScrollView>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/llAdvanced"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight=".5"
            android:orientation="vertical"
            android:visibility="visible" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="10dp" />

            <EditText
                android:id="@+id/etText"
                android:layout_width="200dp"
                android:layout_height="100dp"
                android:layout_gravity="center"
                android:editable="false"
                android:gravity="center_vertical|center_horizontal"
                android:text="Test Text Line 1 " />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="10dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="Select one"
                android:textColor="@android:color/white" />

            <LinearLayout
                android:id="@+id/widget98"
                android:layout_width="fill_parent"
                android:layout_height="36dp"
                android:orientation="horizontal" >

                <TextView
                    android:layout_width="10dp"
                    android:layout_height="fill_parent" />

                <Button
                    android:id="@+id/btnBBlack"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel1" />

                <Button
                    android:id="@+id/btnBWhite"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel2" />

                <Button
                    android:id="@+id/btnBColor"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel3" />

                <TextView
                    android:layout_width="10dp"
                    android:layout_height="fill_parent" />
            </LinearLayout>

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="10dp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:text="Select two"
                android:textColor="@android:color/white" />

            <LinearLayout
                android:id="@+id/widget98"
                android:layout_width="fill_parent"
                android:layout_height="36dp"
                android:orientation="horizontal" >

                <TextView
                    android:layout_width="10dp"
                    android:layout_height="fill_parent" />

                <Button
                    android:id="@+id/btnTBlack"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel1" />

                <Button
                    android:id="@+id/btnTWhite"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel2" />

                <Button
                    android:id="@+id/btnTColor"
                    android:layout_width="0dp"
                    android:layout_height="36dp"
                    android:layout_weight="1"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="sel3" />

                <TextView
                    android:layout_width="10dp"
                    android:layout_height="fill_parent" />
            </LinearLayout>

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="20dp" />
        </LinearLayout>
    </LinearLayout>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="1dp"
        android:textColor="@android:color/white" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="20dp" />

    <LinearLayout
        android:id="@+id/widget98"
        android:layout_width="fill_parent"
        android:layout_height="36dp"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="10dp"
            android:layout_height="fill_parent" />

        <Button
            android:id="@+id/btnCancel"
            android:layout_width="93dp"
            android:layout_height="36dp"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:text="Cancel" />

        <Button
            android:id="@+id/btnReset"
            android:layout_width="93dp"
            android:layout_height="36dp"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:text="Reset" />

        <Button
            android:id="@+id/btnSave"
            android:layout_width="93dp"
            android:layout_height="36dp"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:text="Save" />

        <TextView
            android:layout_width="10dp"
            android:layout_height="fill_parent" />
    </LinearLayout>

    <TextView
        android:id="@+id/linespacer"
        android:layout_width="fill_parent"
        android:layout_height="10dp" />

</LinearLayout>

Solution

  • let try this hope this one will helps you

    <?xml version="1.0" encoding="utf-8"?>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/main"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@android:color/black"
            android:orientation="vertical" >
    
        <TextView
            android:id="@+id/title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical|center_horizontal"
            android:text="Screen Title"
            android:textColor="@android:color/white"
            android:textSize="26dp" />
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:background="@android:color/white" />
    
    
        <LinearLayout
            android:id="@+id/widget98"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <LinearLayout
                android:id="@+id/llStdOptions"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_gravity="center"
                android:layout_weight=".1"
                android:orientation="horizontal"
                android:visibility="visible" >
    
                <ScrollView
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_weight=".8"
                    android:fadingEdgeLength="30dp" >
    
                    <LinearLayout
                        android:id="@+id/llStdOptionsPt2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center"
                        android:layout_weight=".1"
                        android:
                        android:layout_marginTop="70dp"
                        android:orientation="vertical" >
    
                        <TextView
                            android:layout_width="fill_parent"
                            android:layout_height="10dp" />
    
                        <Button
                            android:id="@+id/btn1"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B1"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn2"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B2"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn3"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B3"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn4"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B4"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn5"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B5"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn6"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B6"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn7"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B7"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn8"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B7"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn9"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B7"
                            android:textSize="16sp" />
    
                        <Button
                            android:id="@+id/btn10"
                            android:layout_width="80dp"
                            android:layout_height="40dp"
                            android:layout_gravity="center"
                            android:text="B7"
                            android:textSize="16sp" />
                    </LinearLayout>
                </ScrollView>
            </LinearLayout>
    
            <LinearLayout
                android:id="@+id/llAdvanced"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight=".5"
                android:orientation="vertical"
                android:visibility="visible" >
    
                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="10dp" />
    
                <EditText
                    android:id="@+id/etText"
                    android:layout_width="200dp"
                    android:layout_height="100dp"
                    android:layout_gravity="center"
                    android:editable="false"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="Test Text Line 1 " />
    
                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="10dp" />
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:text="Select one"
                    android:textColor="@android:color/white" />
    
                <LinearLayout
                    android:id="@+id/widget98"
                    android:layout_width="fill_parent"
                    android:layout_height="36dp"
                    android:orientation="horizontal" >
    
                    <TextView
                        android:layout_width="10dp"
                        android:layout_height="fill_parent" />
    
                    <Button
                        android:id="@+id/btnBBlack"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel1" />
    
                    <Button
                        android:id="@+id/btnBWhite"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel2" />
    
                    <Button
                        android:id="@+id/btnBColor"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel3" />
    
                    <TextView
                        android:layout_width="10dp"
                        android:layout_height="fill_parent" />
                </LinearLayout>
    
                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="10dp" />
    
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:text="Select two"
                    android:textColor="@android:color/white" />
    
                <LinearLayout
                    android:id="@+id/widget98"
                    android:layout_width="fill_parent"
                    android:layout_height="36dp"
                    android:orientation="horizontal" >
    
                    <TextView
                        android:layout_width="10dp"
                        android:layout_height="fill_parent" />
    
                    <Button
                        android:id="@+id/btnTBlack"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel1" />
    
                    <Button
                        android:id="@+id/btnTWhite"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel2" />
    
                    <Button
                        android:id="@+id/btnTColor"
                        android:layout_width="0dp"
                        android:layout_height="36dp"
                        android:layout_weight="1"
                        android:gravity="center_vertical|center_horizontal"
                        android:text="sel3" />
    
                    <TextView
                        android:layout_width="10dp"
                        android:layout_height="fill_parent" />
                </LinearLayout>
    
                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="20dp" />
            </LinearLayout>
        </LinearLayout>
    
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:textColor="@android:color/white" />
    
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="20dp" />
    
        <LinearLayout
            android:id="@+id/widget98"
            android:layout_width="fill_parent"
            android:layout_height="36dp"
            android:orientation="horizontal" >
    
            <TextView
                android:layout_width="10dp"
                android:layout_height="fill_parent" />
    
            <Button
                android:id="@+id/btnCancel"
                android:layout_width="93dp"
                android:layout_height="36dp"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:text="Cancel" />
    
            <Button
                android:id="@+id/btnReset"
                android:layout_width="93dp"
                android:layout_height="36dp"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:text="Reset" />
    
            <Button
                android:id="@+id/btnSave"
                android:layout_width="93dp"
                android:layout_height="36dp"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:text="Save" />
    
            <TextView
                android:layout_width="10dp"
                android:layout_height="fill_parent" />
        </LinearLayout>
    
        <TextView
            android:id="@+id/linespacer"
            android:layout_width="fill_parent"
            android:layout_height="10dp" />
    
    </LinearLayout>