1

I am working on a POS system which needs a delivery screen in which, I have to show all orders in number of columns of list in Cardview.

Something like shown in this image:

I am using cardslib to get the cardsview in my app. Can you please help me to implement this type of layout with cardslib. Or Can you suggest me what will I have to do to have this kinda layout in my app??

I also tried twowayview but couldn't get the idea for breaking the card in multiple columns just like the yellow card shown in above image. Please help me..

sarvajeet294
  • 41
  • 10
  • is number of view per column dynamic or static? – Ali Abdolahi Jul 15 '15 at 11:05
  • Number of views will be dynamic as new items can add up in a order. – sarvajeet294 Jul 15 '15 at 11:31
  • [UPDATE] I did more digging about this issue and found a similar question {http://stackoverflow.com/questions/15269517/how-to-split-linear-layout-in-to-two-columns}. But still no solution for dynamic/adaptive ui(if fields from a card are reduced or increased). I found another git repo, {https://github.com/suanmiao/flowlayout} and tried to implement but still couldn't find the required solution. Please help me.. – sarvajeet294 Jul 17 '15 at 11:27

1 Answers1

2

Finally, I found a workaround for this query. I found a twoway- gridview lib which did help me to add data vertically and scroll horizontally. I used this library by keeping number of rows and columns constants according to screen size and referred them in gridView. Following code is the one which is used from the above library.

<com.jess.ui.TwoWayGridView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/horz_gridview"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FFC4C4C4"
    app:cacheColorHint="#E8E8E8"
    app:verticalSpacing="-4dp"
    app:horizontalSpacing="0dp"
    app:stretchMode="none"
    app:scrollDirectionPortrait="horizontal"
    app:scrollDirectionLandscape="horizontal"
    app:gravity="center"
    android:layout_gravity="center"/>

Then, Just make a layout to fill each cell of gridView with. You have to create an adapter to fill each cell of the grid with respective content.

I just assumed that each cell of grid will have single line of the view. No multiple lines in a single cell. To show start and end of a card, You can use different background colors to the starting and ending cells.

In short: You have to make a List of data which u have to put it in grid with the help of adapter.

You can refer this tutorial to use above library.

sarvajeet294
  • 41
  • 10