I'm using Elysium for creation Metro-like GUI for Windows 7.
I want to create GUI for app with 3 columns with dynamic content with similar animation like its done in many mobile apps and some websites with Javascript ("infinite scrolling pages").
So you press refresh button and it adds few new feeds to each column with smooth animation.
I'm trying to move away from idea of using Javascript itself for rendering results but I pretty much don't see any other option.
What kind of controls should I use for that or/and how to implement such effect?
Update 1: Looks like its called Pile Board
Update 2: Currently looking into ObservableCollection and Elysium.Extras (DataGrid) combo.
Seems like there's also MahApps as alternative to Elysium with Pile control included.
Related
I am currently setting up a new xamarin app which will target UWP / Android and one of the things I need to do is to swipe a row on a list view to show an action button (which will more than likely be an edit / delete button depending on the side of swiping). I have had a look at GestureRecognizers which I have not got to work - this was quite possibly because I was trying to put this on a label control, however, after a couple of days of trying to locate a best practice way of doing this I'm coming up against a brick wall. Suggestions and ideally github repos at this stage to demonstrate a working solution would be really useful.
I have gone around google looking for a solution, I have a subscription with DevExpress and used their grid when I had an Android only app. This worked absolutely brilliantly - however, their xamarin.forms control does not work with UWP.
The expected result is to look the same as a DevExpress grid view: https://documentation.devexpress.com/HelpResource.ashx?help=Xamarin&document=img18128.jpg
Thanks
Chris
I've been trying to get better at implementing UI in Xamarin.Forms. I have been searching online and on my phone for cool layouts and trying to recreate them in Xamarin.Forms to increase my skills. I want to recreate the UI for playlists in Spotify on iOS (possibly Android as well but I don't know). I know the whole solution might be too complicated to post so even just tips on how to get started on something like this or at the very least somewhere to look to learn how to implement a sticky button like they have. I thought about having a hidden button that gets shown when the real button scrolls out of view but I'm wondering if there is a better way. Here is what Spotify looks like:
Button starts stuck to top:
If you scroll up past the top it shows a hidden album art and search:
The when you scroll down the button sticks to the top again:
I have a NavBarControl which contains collection of NavBarGroups.
NavBarGroup have a header and container control. NavBarGroups can be collapsed/expanded.
The button to expand/collapse is on right side. By default it looks like double up/down arrow. I want to customize this button to change its look and feel to indicate collapsed/expanded state.
(using Devexpress in Windows Forms)
For future reference, the self-help and online support at DevExpress is exceptionally thorough, and they will answer questions like this for paid subscribers within 24 hours, usually with a code sample.
In this case there are two ways to achieve your goal (assuming you're on a relatively recent version of DevExpress) as described here.
The "right way" to do what you want is to make a custom skin with your own icons; you can use their skin editor to open your current skin, make changes, and save it. Nearly every aspect of the look & feel of their controls is skinned and you can make pretty significant changes to them.
Deploying custom skins isn't all that complex but it might be a bit overkill for the effect you're trying to achieve. The other option is to custom draw the group caption. There's a sample attached to that post that is a working example of doing so, but you basically implement the CustomDrawGroupCaption event and do your own painting, including whatever icons you want based on the group's state.
What is the difference between the winphone 7 Panorama and Pivot Controls? To me they seem very similar, apart from the slightly different visual appearance.
In which situations should one or the other be used?
There is a video on Channel 9 with Amy Alberts and Chad Roberts that talks about the differences between the Panorama and Pivot controls and when you should use each.
In my opinion, the Panorama control is for when you need to create a "hub"-type application (like the Games hub) that acts primarily as a jumping point and offers summary information for the rest of the application. The Pivot is used in much the same way that you would use a tab control on other platforms.
As said above, the Panorama control is really meant for rich Hub type look .. smooth multi-screen scrolling with Parallax effect, ideally including images in the views. The Pivot control is more for presenting slices of the related data to the user or categorizing the content .. the in-built emails & calendar are examples. Both controls are very suited for dynamic data-binding.
Jeff Blankenburg, one of the MSFT evangelists wrote two nice posts explaining their use:
http://www.jeffblankenburg.com/post/31-Days-of-Windows-Phone-7.aspx
Hope this helps!
I would use the Panorama control if the content of your application lends itself to being presented in a format where you think of the screen as being a window into a larger page...one that can loop back around to the beginning. Also, consider whether that content needs to support gestures, especially swipes, because those will cause conflicts between some action intended to take place in a control, for example a map with panning, and the "outer" Panorama control's behavior of scrolling.
I'm also reconsidering using the Pivot control. It has a more distinct division between sections of content than Panorama does and I like both the gesture swiping to switch between pivots and the animation. However, it has caused some tombstoning problems and with the advent of copy-and-paste there could be a conflict between the user trying to select content to copy and the triggering of the swipe gesture to switch pivots. Disabling the Pivot Control swipe gesture talks about a possible work-around, although I haven't tried it and see from the comments below that article that there may be some other issues.
I am an experienced coder who is trying to learn C# and WPF. Now, I am a bit of a stickler for detail, and I want to make sure my applications blend in with the rest of the user interface. However, I cannot seem to get this done using a ListView. My setup is simple - add a ListView to my window, bind to an ObservableCollection of my choice, and run the application.
The result is that the items pop up just fine (be it without meaningful contents). However, the selection rectangle on a ListView is always the dark blue that throws me back to the pre-XP days as opposed to the neater themed selection you have using the default Windows 7 visual style. To see that kind of selection in action, just select a file in explorer, or for another example look in the Programs and Features in the Control Panel. That looks nice and slick.
How can I get WPF to properly theme my ListView depending on my user settings? I don't want to reinvent the entire selection code and add tons of styling and doodahs like that - I want a plain Windows application that looks okay. The button works fine, textboxes work fine, comboboxes look fine, etc. It's just the ListView that looks totally crap.
Edit: I have no problems using another (very, very preferably not a thirdparty) control if required, but I do want a list of items that looks native and I approach a layout similar to the Tiles option in Explorer for each selected item (icon, desc, extra line of info). Vertical scrolling only is what I need.
If you use a ListView with ListView.View set to a GridView then you get a pretty similar look as Windows 7 explorer. (Atleast in my opinion, or is this the look you're talking about?). It also follows the active theme
Example 1. ListView with GridView to the right. Selection active
Example 2. ListView with GridView to the right. Selection inactive
Example 3. Using High Contrast Theme #2