I do not have Windows 8 and Metro installed. My question is based on the documentation.
It appears DataGrid is gone but ListView and GridView remain. GridViewColumn is gone. I get the tile nature of Metro. My question is can GridView be configured for a row column presentation?
I have an app that for the most part would present great under Metro and would benefit from rights contracts. But there is one page were I need old school GridViewColumn like presentation. Thanks
I'm not sure if I got your question. You want elements added to a ListView/GridView are displayed in a row?
I use for the following code to display items in a horizontal orientation:
<GridView>
<GridView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation="Horizontal"/>
</ItemsPanelTemplate>
</GridView.ItemsPanel>
</GridView>
Related
My "ListView" not showing inside "TabBar".
drive.google.com/file/d/1MLB7oizJ468V1SmCO_IsjL6OaoGhUAPd/… ----- List Page Code
drive.google.com/file/d/1d-iRa14-DupdLo3QdHd_iCHFkGi-_HD6/… TabBar Code
"TabBar" Section code:
"ListView" section code:
First of all the question is unclear and you should also provide code so that we can replicate the issue at our end.
Secondly, as per my understanding you are using NeverScrollableScrollPhysics() in both your TabBar() and your ListView() which is hindering the ability of your ListView to scroll. It is visible as I can see in the Substitutes section but it is not scrolling is your issue I imagine.
You can use https://pastebin.com to share your code. Never use such kind of drive link. This is difficult for a developer. They first need to download the code in order to debug. Also, share images to describe your issue.
I need a flutter list package with the following features:
Only renders items in/near visible range (virtualized)
Supports different item heights.
Reorderable through drag and drop
When an item is dragged to the edge of the screen, the list scrolls
When items enter or exit, the list animates nicely
The package ReorderableListView.builder (https://api.flutter.dev/flutter/material/ReorderableListView/ReorderableListView.builder.html) supports 1,3 and 4. No support for 5. Reordering animation was bad for items with differing heights (2) when I tried it out.
The package implicitly_animated_reorderable_list
(https://pub.dev/packages/implicitly_animated_reorderable_list/changelog) supports 3 and 5. Nothing mentioned about 1 or 2 in its readme, and a comment from January here (Flutter: Reorderable AND Animated ListView - any idea?) suggests 4 is missing.
Looking for advice on how to achieve this:
An amazing package that can do all 5.
A way to add features of these different packages together somehow. Is that at all possible?
Advice on forking or not forking and just starting from scratch.
In regards to forking what in your opinion is the most/least trivial of these features to build from scratch?
I'm new to Flutter, so anything I don't know enough to ask about in relation to this subject is also greatly appreciated.
Own answer:
There really isn't a need for any plugins or forks. ReorderableListview.builder can be used to accomplish all 5.
Not sure how I botched the code that made me think ReorderableListView.builder wasn't handling different heights of items correctly, but whatever the glitch was (maybe related to keys?), I'm not able to reproduce it. Interesting that all the docs/tutorials I found only show statically sized list items when dynamically sized list items are no problem.
As for the animated exits and entrances (i.e. not letting the list items seem to jump up and down in a disorienting way), this is really trivial to do by animating height with AnimatedContainer. The existence of a separate AnimatedList widget and ImplicitlyAnimatedList plugin threw me off a bit.
Given that I have this dialog UI prototype with 2 buttons, what would be the best approach to program it?
My idea was to use Grid coming from "sap.ui.layout", but it is not perfect for the alignments.
So now I am thinking of using Flexbox for the first row,
then use table for the checkbox content and then again flexboxes for the rest of the rows.
Can there be any other better layouts that I am now aware of that I can use natively in openUI5.
Layouts are a personal choice, but so far I found FlexBox to be the most convenient and easy to handle across device sizes.
I was designing a custom listview in Android following the online tutorial Android Series: Custom ListView items and adapters and I created a custom list view like this:
This is simple and fine. Now I was surfing the web and found this fantastic listview for iPhone:
How can I create something like this? How has he given a box like interface for each row separating them from background and each other?
You could try removing the list dividers (android:divider="#null" or android:dividerHeight="0px") and using a custom drawable as the background for each row (either a 9patch or ShapeDrawable, possibly arranged in a StateList so they can have pressed/selected states). Then just also put a margin on the row layout, and your spacing should be taken care of (alternatively, you could use a transparent image as the list's divider with an appropriate height). But be careful about simply aping an iOS style because it looks nice; think about the typical Android user and what they take as interface cues. If you made your Android list look exactly like that screenshot below, I think many Android users wouldn't even realize they could click on those rows, or that they're part of a scrollable list.
The listview and each item in the listview can have separate backgrounds. So all you need to do is make some PNG files that look like the background of the items and the list itself.
You can set the backgrounds in XML using the android:src.
Or at runtime using:
setImageDrawable(getResources().getDrawable(R.drawable."picture name"))
I'm an iPhone developer, but new to web development. I've done some basic HTML websites and made one in iWeb as well. I'm trying to branch out to mobile web development now, so I checked out Dashcode.
Anyway, I'm trying to put a Call Button, Mail Button, and Map Button in horizontal alignment. I realize that I can add a Column Layout and have two buttons in a row, but that's the most I've gotten.
Any ideas? Thanks!
Thomas
Edit: I still haven't figured this out yet. I was given advice about a fixed position button bar, but I am not sure how to implement it. I've been looking at code, but haven't gotten it yet. Still trying though. Any help is appreciated!
What i do usually is to select the element you can't align horizontally and then go to the inspector -> dimension tab and in disposition you select fixed absolute.
This should work but beware because if you've the intention to change element's place dynamically you may have some surprise...
I think you are looking for something like this.
A fixed position button bar is created with several buttons side by side.
/Mogens