After a lot of searches, I still can't create a Circular Row Like the Image below. this screenshot is from MetaTrader4.
I think what you need is a CustomMultiChildLayout.
Look at this tutorial on how to use it: https://medium.com/hackernoon/how-to-create-custom-layout-widgets-in-flutter-d9419312a9bd.
Related
I am currently trying to implement a time select Widget, it should look something like this:
Image_Link.
And it should work like shown in this video:
https://streamable.com/2y7s65.
I would like to have the design, shown in the picture combined with the wheel in the video to select a specific time.
But I am struggling with this for a while. I know there is a package: flutter_time_picker_spinner, but I count't find any way to customize the spinner in the way I need to (like in the picture: Image_Link )
I hope I gave enough information, if something is still unclear please tell me.
My approach would be download https://github.com/icemanbsi/flutter_time_picker_spinner/blob/master/lib/flutter_time_picker_spinner.dart and style it as you like.
You can use ListWheelScrollView to get the result you are looking for. Style each individual button the way you want and add them as children. From there you can style the ListWheelScrollView to get your desired look.
I am using Tableau and am curious if it is possible to embed a filter into a Row Field Label? In the attached picture below, you can see that the filters match the separate columns in the chart created. Is there a way to basically embed that filter look directly into that header row, or is my best way going to be to just hide the top row and keep the filters sized like that? I am hoping there is a better way to make it look better and more in sync.
Thank you for any help!
I think your hiding the header idea might be the only way.
In addition to your suggestion, you might try adding a blank section of dashboard above your data and floating the filters so they can be very accurately placed. I would also suggest using the arrow keys to move them a pixel at a time.
I want to create a similar view with Flutter as we can do it by creating a UICollectionViewLayout in iOS .
This is a sample code I am using.
https://github.com/flutter/flutter/blob/b8a2456737c9645e5f3d7210fba6267f7408486f/dev/integration_tests/flutter_gallery/lib/demo/material/grid_list_demo.dart
How to achieve this using GridView in Flutter. If not GridView, is there any other way to do it?
GridView is not designed to do this. You may be able to get a Wrap to do what you want, although from your example it may not quite do it (horizontally it definitely wont as it arrange the items into rows; vertically it might work for you or might not depending on exactly what you're doing).
If you're only ever going to have the two columns, you could simply have a Row containing two Columns and make sure to put the items in the right columns.
Or the more complicated but probably best answer would be to write the logic for arranging the items this way yourself - see CustomMultiChildLayout.
EDIT: there is also a package that may work for you. It can't do arbitrary sizing, and you need to know the sizes of the items in advance, but you can specify items to take up multiple rows or columns of the grid. See it here.
Note that if you have a lot of items, you'll probably want to do something with a CustomScrollView but that isn't really in the scope of this answer.
https://github.com/letsar/flutter_staggered_grid_view
This would help you. I think the plugin gives different size.
I'm building an application where it loads contents off of the web to populate a TableView.
I would like to add some sort of loading indicator so that the screen won't just contain the blank table.
I was thinking about something like this:
(source: iclarified.com)
I've been trying to look it up on documentation and Google, but to be honest don't know what to search for. Any pointers? Or is there any other way I should do this?
Two possible ways to do it:
The lazy way: Create a transparent PNG image containing the bezel and the loading... text. Display it on the screen and put a UIProgressView on top of it.
The better way: Use http://github.com/jdg/MBProgressHUD
You probably want the UIActivityIndicatorView
http://developer.apple.com/iphone/library/documentation/uikit/reference/UIActivityIndicatorView_Class/Reference/UIActivityIndicatorView.html
I'm exploring the iPhone SDK and want to create and use a UI component like the figure below. A rounded table with cells in which each cell can have some label text, maybe an input text field and an action button that would take it to the next screen. The table should not be screen filling.
But... I can't figure out how to do it or find example code. The 'Table View' always seems to result in a screen filling table and although the 'Table View Cell' looks like what I need I can't find any good examples. I'm sure it's all not that hard, but I just can't find it. Any tips, pointers are appreciated.
(This figure is just an example of the sort of UI component I'm looking for, I'm not build something related to flight tracking...)
Table like component http://gerodt.homeip.net/table_ui_component.png
Gero
Try looking at the "5_CustomTableViewCell" project of the TableViewSuite code sample from Apple. It should how to create custom subclasses of UITableViewCell.
The short answer is, as alluded to above, you'll want to subclass UITableViewCell and add your custom UI elements to it. For the example you provided, you'd want two different types of cells; one with a label (in light blue) and content (in black) for 4 of your cells, and then a more complex one with additional text on the right.
You want a Grouped style table, which has sections with rounded elements as you lay out instead of filling the screen.
You also want custom table cells, which you can search here to find example code for.
As mentioned by other answers, what you want is a grouped TableView with custom UITableViewCells. Take a look at the Table View Programming Guide, in particular this section on table view creation and this section on custom cells.