How to realise a Grid of Views..?

plusminus · by **plusminus** » Sun Feb 03, 2008 10:42 pm

Hello sommeralex,

"linearity" can be horizontal or vertical. Horizontal is the default for Linearlayout.

Add the following line :darrow:

to the constructor to make it Vertical:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

this.setOrientation(LinearLayout.VERTICAL);
Parsed in 0.147 seconds,  using GeSHi 1.0.8.4

Regards,
plusminus

sommeralex · by **sommeralex** » Sun Feb 03, 2008 11:03 pm

thx!!

but - oh my god - i mixed the meaning of horizontal with vertical (i mean i know whats hor/ver) ;-)

but, i thought, if something is set to horizontal, a view then is like this

---------
a
---------
b
---------
c
---------

and if the elements are added, they come for each "addView"invocation in the next line. But, horizontal means

--- a--- b--- c ----

so, its an little excuse (that i really read the doc but just was confused about the result)

sommeralex · by **sommeralex** » Mon Feb 04, 2008 12:01 am

hello plusminus,

how can i make exactley the menu you are showing in the screenshot? (the screenshot and example you sent are not the same..)

A Grid View for me is something like a (dynamic) table -> i want each icon i add, to be positioned the same as in your screenshot. But which funtciton is responsible for this?

each iconText needs the full screen-line-space.. i can senter them, or align them to left, but i only have for each row one view object.

hm..

i got a sollution but i am not really happy about it:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
<?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"
 
    >
 
<GridView id="@+id/myGrid"
 
        android:layout_width="fill_parent" 
 
        android:layout_height="fill_parent"
 
      android:numColumns="3"
 
    />  
 
</LinearLayout>
 
Parsed in 0.007 seconds,  using GeSHi 1.0.8.4

android:numColumns="3" -> works, but i would prefer auto_fit like

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

 
android:numColumns="auto_fit"
 
Parsed in 0.000 seconds,  using GeSHi 1.0.8.4

but then, i have a division by null error (?)

plusminus · by **plusminus** » Mon Feb 04, 2008 1:50 am

Hello sommeralex,

oh sorry, i changed the onCreate() (after I zipped the code) to get a nicer screenshot:
This is what it finally looked like:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

        @Override
        protected void onCreate(Bundle icicle) {
                super.onCreate(icicle);
 
                setContentView(R.layout.iconmenu);
 
                iconTextGrid = (GridView) findViewById(R.id.myGrid);
                iconTextGrid.setNumColumns(3);
                IconTextMenuAdapter itma = new IconTextMenuAdapter(this);
 
                itma.add(new IconTextMenuView(this, "Menu 1"));
                itma.add(new IconTextMenuView(this, "Menu 2"));
                itma.add(new IconTextMenuView(this, "Menu 3"));
                itma.add(new IconTextMenuView(this, "Menu 4"));
                itma.add(new IconTextMenuView(this, "Menu 5"));
                itma.add(new IconTextMenuView(this, "Menu 6"));
                itma.add(new IconTextMenuView(this, "Menu 7"));
                itma.add(new IconTextMenuView(this, "Menu 8"));
                itma.add(new IconTextMenuView(this, "Menu 9"));
 
                iconTextGrid.setAdapter(itma);
        }
Parsed in 0.160 seconds,  using GeSHi 1.0.8.4

GridViews like in Swing are filled primary from left to right, and secondary from top to bottom. I don't know how these rules can be broken.

The " android:numColumns="auto_fit" " would be really useful, but also doesn't work with me.
Throws an internal Exception, what is probably not our fault(Tried it with my AndNav-FlagGrid):

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

E/AndroidRuntime(563):     at android.widget.GridView.determineColumns(GridView.java:536)
Parsed in 0.140 seconds,  using GeSHi 1.0.8.4

Regards,
plusminus

sommeralex · by **sommeralex** » Mon Feb 04, 2008 11:12 am

hello plusminus,

what if there is not enough space on the phone due to the use of 3 columns?
is the auto_fit bug mentioned as a bug at google? ( i couldnt find it in the list ->because if so, i will put it in the bug list)
alex

plusminus · by **plusminus** » Mon Feb 04, 2008 12:01 pm

Hello sommeralex,

thats the reason why the "auto-fit" exists, but it does not yet work correctly.

:arrow:

I've put the issue to the tracker.
Just approved that it also happens with xml-only layout (without Adapter-Stuff):

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<GridView
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:numColumns="auto_fit">
                 <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
         <Button android:layout_width="wrap_content"
      android:layout_height="wrap_content" android:text="Test" />
</GridView>
</LinearLayout>
Parsed in 0.022 seconds,  using GeSHi 1.0.8.4

Regards,
plusminus

sommeralex · by **sommeralex** » Mon Feb 04, 2008 12:40 pm

ok! thx

sommeralex · by **sommeralex** » Sat Feb 23, 2008 7:14 pm

hello nice forum ;-)

the iconMenu was a little challenge! the next thing to do would be to implement a "real icon menu" as described now: The trouble is, that this version now only is usable with the mouse/touch. - but what about mobile phones without a touchscreen?

how can i make make view (which containts of views) being "selectable" with KEY? and if it is selected, i want some graphical action (select-status)

hope, some can help me..

i think, it has something to do with:
Set focus: The framework will handled moving focus in response to user input. To force focus to a specific view, call requestFocus().

alex

E.Jyothsna · by **E.Jyothsna** » Wed Apr 09, 2008 3:32 pm

by using grid view how can we click that icons using emulator keys?by using mouse its working.but i want to display by using emulator keys.plz reply me soon.it's very urgent.

Beachy · by **Beachy** » Tue Dec 09, 2008 2:19 am

not really a quick reply but here you go...

where you set up your grid,

mGrid.setOnItemClickListener(mGridCardClickListener);

// for when we click on an object in the grid
AdapterView.OnItemClickListener mGridCardClickListener = new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> arg0, View v, int position,
long arg3) {
someClickAction((ImageView) v);
}
};

// just an example as if the items in your grid are ImageViews...

How to realise a Grid of Views..?

Who is online