I'm developing an application for Windows 10 Platform.
While developing this application, I ran into an issue where CommandBar is above SplitView.
How do I set CommandBar under SplitView under controls on the page?
IMPROVED
Due to I was making for my own app, here is the study and solution I elaborate here: http://bit.ly/1L6EZ00. It involves changes in many parts and I think it looks cool.
Old, in case you just need only that:
That is most similar behavior like the photos app that I have been capable to achieve (it is like the lottery testing):
<Page.TopAppBar >
<CommandBar Margin="48,0,0,0" >
<CommandBar.PrimaryCommands>
<AppBarButton Icon="Globe" Label="Quick Launch" Command="{Binding QuickLaunch}">
</AppBarButton>
</CommandBar.PrimaryCommands>
</CommandBar>
</Page.TopAppBar>
Now the splitview:
<SplitView x:Name="Splitter" Margin="0,-48,0,0" CompactPaneLength="48" OpenPaneLength="240" ...
then pane as usual and the content, for instance:
<SemanticZoom Margin="0,48,0,0">
It is not exactly the same as the Photos apps and I am using the 10166 SDK so I think it is the most accurate option.
Related
I am developing an app like Ola and Uber which will have navigation system and live tracking inside my Xamarin Forms app (For Android and iOS both platforms). So, can anyone please tell me the way to open the navigation map inside the app?
If you are trying develop an app like Ola/Uber which will have navigation system and live tracking inside the app, then you don't need to open the navigation map inside the app. You just need to display it on the page.
You can follow the official Xamarin.Forms documentation here, to add maps into your Xamarin Forms app. There's a full fledged map sample that you can also see to understand what needs to be done, but your XAML will look something like this:
<ContentPage ...
xmlns:maps="clr-namespace:Xamarin.Forms.Maps;assembly=Xamarin.Forms.Maps">
...
<maps:Map x:Name="map" />
...
</ContentPage>
The 3 dots indicate other controls you would like to add into the page and the layout that you have to put the Map control inside.
In fact you can also take a look at the sample code of several apps (RunAway, YellowClone, SmartHotel, BikeSharing, Movies, Evolve) in Javier Suarez's Good Looking UI curated collection.
I created a project i am using libvlcsharp with xamarin forms project in android controls are seen but in IOS i see Question marks instead of control icons please help me out i have included all font files as well any lead will be helpful
my ui code
<vlc:MediaPlayerElement MediaPlayer="{Binding MediaPlayer}"
IsVisible="{Binding ContainsUrl}"
LibVLC="{Binding LibVLC}">
<vlc:MediaPlayerElement.PlaybackControls>
<vlc:PlaybackControls IsAudioTracksSelectionButtonVisible="False" IsClosedCaptionsSelectionButtonVisible="False" IsAspectRatioButtonVisible="False" ShowAndHideAutomatically="False">
</vlc:PlaybackControls>
</vlc:MediaPlayerElement.PlaybackControls>
</vlc:MediaPlayerElement>
I create my first app for Windows 10. I will use the app for Windows 10 desktop and phone. Great that one code will run on desktop and phone. In my old application for Windows Phone 8 I use Panorama control with three tabs. But I can not decide which component to use - SplitView or Pivot? For desktop better suited SplitView . For phone better suited - Pivot. Need to choose one solution. What do you advise?
First, your following statement is incorrect.
For desktop better suited SplitView. For phone better suited - Pivot.
SplitView and Pivot are for different purposes -
SplitView consists of two parts - Pane and Content. The Content is where the main content goes. The Pane is really just a drawer. This control is meant to provide a very common drawer navigation pattern to the new UWP apps, similar to many iOS and Android apps.
Note that this control is also very flexible, you can use AdaptiveTrigger to customize its DisplayMode to completely hide the Pane when it's on a phone, and make it always visible when on a desktop machine.
Prior to UWP, the original Metro Design heavily relied on the Panorama control (i.e. the Hub control in UWP) for menu navigation and this later becomes a bit boring since almost all the apps that need a menu, use a Pano. So having a new SplitView will definitely help developers be a bit more creative on the main layout design. And besides, the drawer navigation is so widely used across other platforms and users generally know how to interact with it.
Pivot on the other hand, is simply a swipe-enabled tab control. It's meant to display information at the same level and should never be used like a navigation frame. Leave the navigation bit to the SplitView or the old panorama style Hub control, or whatever creative ways you can come up with.
So to answer your question, you don't have to choose one between them, these two controls can co-exist since one does the navigation and the other shows the information, just like what's in the picture below -
i am trying to get Webview inside Flipview, so as usual it will be something like this :
<flipview>
<flipview.itemtemplate>
<datatemplate><webview name="wv" /> </datatemplate>
</flipview.itemtemplate>
</flipview>
I would like to use wv.navigatetostring(htmlstring);
The problem now is, when i navigate through items, sometime the webview is updated, sometime its not. Any Suggestion?
Theoretically it is possible to use WebView inside FlipView, but you should be aware of several limitations of this component. There is a well known issue when using the WebView - it's rendered on top of everything so the swiping using touch between FlipView items might not be possible.
Nice article every developer should know before using WebView in Windows 8 application:
Ten Things You Need to Know About WebView
Does windows phone have a 'accordion list' control? If not what else can one do to achieve the same look and experience of a expandable list?
I've been googling around and it seems like there's no straight answer to this.
Thanks in advance!
You could try using the ExpanderView control from the Microsoft Windows Phone toolkit which is free.
May be you just have to style it a little so that it looks like an Accordion List.
You can use the control in a simple way, by populating it with Items:
<toolkit:ExpanderView Header="Expander Header" x:Name="expander">
<toolkit:ExpanderView.Items>
<TextBlock FontSize="40" Text="Expanded Content"/>
</toolkit:ExpanderView.Items>
</toolkit:ExpanderView>
Or you can use Data Binding.
Hope this helps.
There are a lot of 3rd party quality custom controls built for WP7. Try to download WinPhone DevHub and Telerik Examples from the Marketplace, I am pretty sure you will find what you want already implemented.
Telerik controls are not free, but WinPhone DevHub has a lot of free controls. You will find details on where to download them also in the app.