How to create one page app on Windows Phone - c#

I am doing app for Windows Phone 8.1 and I am want to know your opinion about how to solve followed problem. The app is designed to be one-page, but I dont know how to solve it, because no of default windows controls fit to my requirements. Design is here:
So, it is somethink like double pivot. In second menu will be pictures or text or somethink, which will navigate between content by topic. Each Content could be splited into separate views, which will be changing by touch movement. Points color (or design or whatever) will be changing (somethink like this slider.
So, what do you think about it, it is possible? And if yes, so how? I will probably need create custrom controls and panel. Do you have any tips, which will push me the right way? How would you solve this?
Thank you

Related

Identifying this control for Xamarin.Forms?

This is the first Xamarin.Forms app I try to create, so please bear with me.
I'm learning about Xamarin.Forms, and I'm creating my first app (with a map) that will run in the android emulator. I've already added the map, so life is good.
I also understand that, unlike asp.net webforms or Windows forms, I cannot drag & drop controls to the form. I also don't know what the available controls for each platform look like.
With that said, I would like to add the following control to my app. I have no idea how it's called, but it's sort of a panel on the bottom half of the screen. This panel will include a list (much like a gridview).
I saw this Xamarin page with a list of standard controls, but I don't know how to identify them. Even worse, I don't know what to search for in the web.
I would like to know where I can find information on adding that control to a form and populating it with data (like an asp.net gridview)
Something like that is usually rendered using an ActionSheet
Unfortunately there isn't such a control. On iOS it is done by partially covering the screen while presenting the TableViewController. You can't do something like that on Xamarin.Forms. You can do that only on native projects.
There might be some plugins that may do some of that work for you but I don't think any of them fits your request, but you can try how far you can get with this one: https://github.com/rotorgames/Rg.Plugins.Popup
Please note that Xamarin.Forms don't cover all native controls and especially not all properties of those controls. And while you may extend their reach in various ways if you are after copying everything you see in some app it is better to think of some other technology.
Also of note, Android doesn't support everything that iOS supports, so if you see something on iOS screen (like above) it may not be supported on Android, no matter what technology you use you will have to build a very custom solution, which probably isn't part of your first app.

Resizable views UWP

How do I make it so that a desktop UWP app will resize based on resolution? Mainly I need it to work between a surface pro and a Surface Studio. I've researched around google and I haven't seen anything that goes into detail. I know of things like RelativePanel and VisualStateManagers, but I have not clue how to use them. Any guidance would be much appreciated.
Use Grids to Place your elements. Specify the row height and column width as fractions (0.2*,0.2*,0.6*) so that it adds upto 1 (not necessarily, but for convenience). Then your UI will scale automatically based on resolution. You don't even have to use relative layouts. Just place them within these Grids. If you want complex actions, go with VisualStateManagers.
After doing more searching I came across this. I think I understand it now.
https://channel9.msdn.com/Series/Windows-10-development-for-absolute-beginners/UWP-037-Utilizing-the-VisualStateManager-to-Create-Adaptive-Triggers

Create an editable table using WPF controls

Maybe this is not the right forum for my question, but I'll try anyway.
I am creating an application where I want the user to be able to fill in values in a table/matrix. The values are then going to be saved to a database I have set up. I want to build this application using Windows Presentation Foundation (WPF). I watched the following video on youtube:
https://www.youtube.com/watch?v=_i4mYXSaD4w and it shows very well what features I want my own application to have. The problem is, the example in the video is made in Winforms...
So, my question, which can be split into three parts, is:
Is there a way to build something equal, similar or better, in WPF?
What/which control(s) should I use? Grid? DataGrid?
How do I use this control?
I am new to WPF, and do not have a good picture of what controls to use. I have read many questions about WPF's DataGrid on StackOverflow as well as other QnA's, but I couldn't understand how to do what I wanted, or even if it was possible. Therefore, I'm very thankful to anyone who can explain and lead me onto the right track.
I suggest you to read this article: http://www.codeproject.com/Articles/30905/WPF-DataGrid-Practical-Examples

Windows Phone Custom Control Design and Implementation

I am working on a windows phone app, in which I will need to add a costom "cover-flow" kind of control like how it looks like in the Spotify app below:
Note: user can swipe from right to left to change song.
I don't think Windows Phone SDK provide any controls support this, so I was wondering how such a thing is implemented.
I think it is either faked by a pivot page with dynamically adding/deleting pivot items, or maybe it is a custom control.
If I want to implement this as a custom control, does anyone has experience about it, or any sample code/tutorial will be very helpful.
Thank you
You're looking at a Panorama control. It is available out of the box with the Windows Phone SDK.
Telerik makes a great control that does just this. It's called the SlideView control. I know it's not free, but it is only $99. Given that it might take you about 4-10 hours to create this control yourself, I'd say it's worth it. If you join the Nokia Premium Developer Program you get Telerik's controls for free.
Note: I do not work for Nokia or Telerik and this is NOT a paid advertisement :)
The swipping effect is because of Panorama page. to change music you need to handle gestures that will be a tough task . The solution is to find a hack or have some control in the background that registers the touch event and changes the music

Metro UI - create live tiles inside a page

Is there a way of creating live tiles in a page of Metro App? I want to simulate the tiles of the application inside a page. The tiles can flip to show more data, probably images too.
Edit: Ok, I am already aware that there is nothing done by default. Has anyone done this by himself trying to emulate the actual tiles?
Check out the Windows Animation library - it might simplify your task:
http://msdn.microsoft.com/en-us/library/windows/desktop/dd371981(v=vs.85).aspx

Categories