android which layout for elements side by side

Question

I'm new on android programmation. I want to achieve a simple layout with elements side by side inside a scrollview. The idea is to process a single element per time with image and text, letting the layout choose when its the right time for the carriage return, in dependence of the screen resolution. I tried every type of layout, but no one seems to be suitable for my purpose. Particulary with Relative Layout elements are overlapped, instead what I need is an spatial append. Before to try a workaroud (for example adding more element in a row inside a linear layout) i would to know if exists a more natural solution.

_{(source: youth-stories.com)}

I create an example activity to try the solutions:

   public class MainActivity extends ActionBarActivity {

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);

            final RelativeLayout container = (RelativeLayout)findViewById(R.id.container);

            for(int i=0; i < 100; i++)
            {
                final Button button = new Button(this);
                button.setText("sda"+i);
                button.setId(i);
                container.addView(button);
                button.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        container.removeView(button);
                    }
                });
            }

        }
    }

<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:padding="0dp"
    android:id="@+id/outer"
    android:tileMode="disabled" android:gravity="top">


    <ImageView android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/background"
        android:scaleType="centerCrop"/>

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/scrollView" >

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/container"></RelativeLayout>
    </ScrollView>

</RelativeLayout>

Yes. You'll have to add all values into a list and then set them using `CustomAdapter` — Anshul Tyagi, Mar 23 '15 at 07:23

score 0 · Answer 1 · edited May 23 '17 at 12:17

For the diagram shown you can go for a Grid Layout, you can customize grid layout for spacing between cells. If it still doesn't fit your need then, my suggestion would be Linear layout with layout weights,however nested weights are a performance overhead.

http://developer.android.com/reference/android/widget/GridLayout.html

http://androidexample.com/Custom_Grid_Layout_-_Android_Example/index.php?view=article_discription&aid=76&aaid=100

Why are nested weights bad for performance? Alternatives?

Hope this help!!

score 0 · Accepted Answer · answered Mar 23 '15 at 07:46

0

From the above fig given, you can use GridView to draw UI as given. You can specify spacing between items also how many columns each row consists. For reference check developer doc.

Check here for GridView example and doc

answered Mar 23 '15 at 07:46

Amey Haldankar

2,223
1
24
22

is an automatically scrollable grid? so i dont need a parent scrollView? – Armando Alberti Mar 23 '15 at 08:11
No you dont need a parent scrollview. Grid is scrollable. Just inflate grid items, it will popluate based on adapter. For more info check the doc. – Amey Haldankar Mar 23 '15 at 08:36

android which layout for elements side by side

2 Answers2