Databases
StackOverflow2013
Postsdbo
POHeterogeneous GridLayout
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHeterogeneous GridLayout
    primarykey
    data
    text
    <p><strong>UPDATE - my working solution:</strong> <a href="https://stackoverflow.com/a/21233824/902172">https://stackoverflow.com/a/21233824/902172</a></p> <hr> <p>I am trying to implement the layout below:</p> <p><img src="https://i.stack.imgur.com/K9WPT.jpg" alt="Target Layout"></p> <p>I guess <a href="http://developer.android.com/reference/android/widget/GridLayout.html" rel="nofollow noreferrer">GridLayout</a> is suitable for my needs but after 2 hours of struggle I couldn't create even a similar layout.. The layout is <strong>resizing itself wrongly</strong>, it <strong>exceeds the screen</strong> of the phone and it also <strong>does not span</strong> the specified rows and columns.</p> <p>Here I selected a button so you can see how it exceeds the boundaries:</p> <p><img src="https://i.stack.imgur.com/Lsyrk.jpg" alt="Fail"></p> <p>and here is the associated xml code: <a href="https://gist.github.com/2834492" rel="nofollow noreferrer">https://gist.github.com/2834492</a></p> <p>I have reached a similar layout with nested linearlayouts but it's not possible to <strong>properly resize</strong> it for different screen sizes.</p> <hr> <p><strong>UPDATE - approximate LinearLayout implementation:</strong></p> <p>The XML code: <a href="https://gist.github.com/cdoger/2835887" rel="nofollow noreferrer">https://gist.github.com/cdoger/2835887</a> However, the problem is it does not resize itself properly here some screenshots with different screen configurations: </p> <p><a href="https://i.stack.imgur.com/F7Oix.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F7Oix.jpg" alt="enter image description here"></a></p> <p><a href="https://i.stack.imgur.com/XBAVr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XBAVr.jpg" alt="enter image description here"></a></p> <p><a href="https://i.stack.imgur.com/nKJOm.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nKJOm.jpg" alt="enter image description here"></a></p> <hr> <p><strong>TLDR:</strong> <em>Can someone show me a heterogeneous layout implementation with GridLayout like in the first picture?</em></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USC.d.
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHeterogeneous GridLayout
      1. USMH.
      1. VTFavorite
    2. VO
      singulars
      1. POHeterogeneous GridLayout
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHeterogeneous GridLayout
      1. USSkies
      1. VTFavorite
    1. COI created a [quick 'n dirty example](http://stackoverflow.com/a/10348166/1029225) a little while ago that might be of help to you. Like @Skies already pointed out though: I'm not aware of an xml-based approach to correctly scale the 'tiles', but then again, I didn't really spend time taking a good look around. From the sounds of it, you've already been at it way longer than I had back then.
      singulars
      1. POHeterogeneous GridLayout
      1. USMH.
    2. COI have seen your answer while searching for some answers at first. However, I still cannot create a layout like in the first picture. I am pretty sure if there's no bug or sth with the GridLayout implementation it should be done via xml.
      singulars
      1. POHeterogeneous GridLayout
      1. USC.d.
    3. COIf I remember correctly, the main problem I ran into with an xml-based approach is that `GridLayout` does not offer something like 'weights'. To an extend you can tell cells to fill up remaining space (with the gravity attribute), but you cannot use it to *evenly* distribute space. At least, in the short amount of time I spent on this, I wasn't able to find a way to create two equally-sized columns that fill the screen width, without using the device parameters at runtime. I'll keep an eye on this one - I'll be interested to see what others can come up with.
      singulars
      1. POHeterogeneous GridLayout
      1. USMH.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload