Qt Quick Controls 2.0 circular spinbox - qtquickcontrols2

In Qt, it is possible to create circular spinboxes?
Is such a feature available for Qt Quick Controls 2.0?
Has someone an idea how to achieve that by customizing the spinbox?

SpinBox::wrap has been introduced in QtQuick.Controls 2.3 (Qt 5.10).
This property holds whether the spinbox wraps. The default value is false.
If wrap is true, stepping past to changes the value to from and vice versa.

Related

How to inherit the behaviour of polymer elements to custom element in polymer 1.x

I need to use paper-range-slider element with displayFunction callback to customize the display content in slider.
In paper-range-selector v1.3 version support this feature, but it requires at least polymer v2.x, where as my polymer version is v1.3(paper-range-selector v0.2.7 is supported for this polymer version but displayFunction feature is not supported in it).
So i am trying to create custom-slider-element where it uses the paper-range-selector(v0.2.7) elements and add displayFunction feature and custom-slider-element can be used in my application.
Could any one tell me how to import behaviour of paper-range-slider to custom-slider-element? So that all the properties and methods added to custom-slider-element should directly pass to paper-range-selector.

Adobe Air - Starling/Features | Controls and device simulator

I have few questions here, regarding creating app in Adobe Air using Starling and feathers.
I created yet a very simple app, which has Feathers list controller with static data provided to its dataProvider. According to the code it should work fine, but there are three major issues I am facing.
1: Touch/Click Positions
I am using:
list.addEventListener( Event.CHANGE, list_changeHandler );
Now the problem is, clicking coordinates are not correct. Clicking on 3rd Item triggered 4th item, to trigger 3rd, 2nd item needs to be clicked it's half way through etc.
2: Nothing, without Theme
I am using a custom theme, came along with a tutorial. If I don't use the theme, I am unable to see anything on the screen, somehow.
3: Resolution (Device Simulator) Problem
Though buggy, but it works with Theme, but my app doesn't fit with the resolution for each device simulator. Either its, iPad or iPhone 4 or any android simulator.
Also, can anyone please also explains, what is significance and use of Context3D render mode in starling class.
Any help is appreciated:
Thanks in advance
Waqar Iqbal
Starling is a Stage3D framework that displays content directly on graphic card using Context3D. Everything displayed by Starling is always under the regular display list. Feather is a component framework based on Starling.
Stage3D cannot handle any mouse operations so Starling and Feather simulate all their mouse event (those mouse event never really happen anywhere, they are created by calculation of mouse position on the stage)
not sure, never used Feather
Starling does not handle screen density and dpi calculation, if you want your app to fit any screen you'll have to handle it yourself.
I think you should see the example carefully. if u want to use any feathers component either you have to use feathers theme or custom theme.
if you use feather theme you need to provide theme path and before using any component you need to initialize that theme.Then use component any where.without theme you will not see any thing.
1: Touch/Click Positions
please provide minTouchHeight in class theme of DefaultListItemRenderer like:-
renderer.minWidth = this.gridSize;
renderer.minHeight = this.gridSize;
renderer.minTouchWidth = this.gridSize;
renderer.minTouchHeight = this.gridSize;
2: Nothing, without Theme,
3: Resolution (Device Simulator) Problem
Follow the example given in feather library
feathers-2.1.1\themes\MetalWorksMobileTheme\source\feathers\themes

Which Polymer Datepicker

I don't see an official Polymer Datepicker component. A quick web search yields the following third party components. One of the below thread has some interesting tidbits. Can we expect an official one in the coming weeks?
Polymer Date Picker
this thread hints at a material design date picker
and this thread also shows several date pickers
Calendar Datepicker
Polymer Datetime Picker
Paper Datepicker
Paper Calendar
I've created paper-date-picker (docs / demo) and paper-time-picker (docs / demo) components with the goal to mirror the android versions as closely as possible, while still having decent performance on mobile devices. I opted against infinite scroll for the date picker, as I couldn't seem to find a way to make it work without sacrificing performance.
Please test on your own devices and let me know what you think (pull requests welcomed)!
For Polymer 0.5:
I found this date-picker:
https://github.com/David-Mulder/paper-date-picker
http://david-mulder.github.io/polymer-docs/bower_components/paper-date-picker/
Doesn't use 3rd party libs.
Has good APIs(beside documented ones) as:
refreshScrollPosition, currentYear, currentMonth, currentDay,...
Example: Plunk
Tip:
Polymer, how to pass value to paper-date-picker attribute that expects string?
domReady: function(){
//paper-date-picker expects 'date' attribute to be of type DATE.
this.birthdate_date = new Date(this.birthdate);
},
Edit:
Time-picker links:
http://nemento.github.io/nemento-timepicker/components/nemento-timepicker/
http://component.kitchen/components/virtual-dev/md-timepicker
Also check out https://vaadin.com/elements/-/element/vaadin-date-picker
It has material design inspired styles, so it fits in well with other paper elements. Well documented and apache 2 licensed.

Bind TreeView.SelectedItem to a property in the ViewModel in a WinRT app

In my Windows Store XAML app I’m using the TreeView control from the WinRTXamlToolkit and I’m attempting to two-way bind the SelectedItem property to a property on a ViewModel.
Out of the box, the SelectedItem property is read only and this makes sense because the control supports Virtualization.
I have seen some folk work around this with things like attached properties, helper methods and so forth, a great example of which is seen in this question
WPF MVVM TreeView SelectedItem
But all of the questions/solutions are not based on WinRT and all of my attempts to rework the solution code for a WinRT app have proven fruitless.
So, my question is, is this possible in a WinRT app? What am I missing?
Thanks
I'd skip trying to come up with a bindable property globally for the view model and instead use the IsSelectedBindingPath and IsExpandedBindingPath properties of the TreeView as in the debugging tools' example of the control's usage. Then when you want to select/expand an item from the view model - use a method similar to SelectItem() in my view model where I essentially set IsExpanded/IsSelected to true in item/node view models throughout the path from the root of the view model tree and load the content of the tree if the nodes in the expected path do not exist.

Flex 4.5 / Apache Flex UI Framework Architecture

Is there any framework for UI development in Flex 4.5 ? Better standard for creating UI view layers using Action script. Also how to create states and state transitions in Action script?
Is there any framework for UI development in Flex 4.5 ?
Flex is a framework for UI Development. You can read up on the Flex Component Lifecycle for more information on how it works.
Better standard for creating UI view layers using Action script.
I don't understand what you're asking for here. You want a better standard than what?
Also how to create states and state transitions in Action script?
You can create states and state transitions in ActionScript similar to how you do it in MXML. Every component has a states array; and each entry in the state array will be an instance of the State class which will have a bunch of 'commands' to add or remove children or change properties. The full list is in the state class API documentation under the related API elements header.
Setting up states in ActionScript is tedious, though.