How To Place Button at AppBar Area? - c#

I saw this in One Drive login page.
Custom buttons is placed in buttom area of AppBar.
How to achieve this ?

As for now, the AppBar is system UI and you can't put there customized buttons with official API, only AppBarButton.
If you want similar look like this at your picture, you can make your own control which will imitate the AppBar.

Related

Add text below icons

Some apps have the ability to show or hide an icon's name right under the icon in Windows 10 Mobile. The text's visibility is toggled when the user clicks on the 3 dots beside the icons - Photos, OneDrive, Outlook,...
Is that done by some ui element property or some other built in way, or was it just written to behave the same from scratch? My goal, of course, is to add that to my app.
I am assuming you are talking about the Command Bar control
You can read more on how to customize the AppBar in the official documentation

slide content in on button click

I have sign up and sign in layout files (both with form elements on them), a home page (Main.axml) with a two buttons which each setContentView() to their particular layout. When you click the sign up button the signup layout should slide in from the right all the way, covering the home page and the same for the sign in page. Almost setting new content view but the view slide in all the way like Spotify login/signup on their app.
Which component am I best using, viewPage, DialogFragment, hidden content with animation? What do you guys think is best?
Best example I want to follow is Spotify's app home page when you have yet to sign up/in.
You are greeted by a screen with two buttons, login/signup. Say for example you click the signup then the signup page slides in from the right fully covering the main screen.
Image below demonstrates:
How can I duplicate this with Android built in Xamarin C#?
Have a look at "Navigation Drawer". Hope it helps you.
Navigation Drawer - Android Developer
Navigation Drawer - Xamarin

WinForm with DevExpress NavBar Control and How to Change the Target Panel Correctly

I want to do this correctly instead of a hack, so help is appreciated
I am starting a very basic project, using a DevExpress NavBar control in a WinForms project, in C#. Easy enough.
NavBar is in the left part of a splitter, and I want the right part of the splitter to change based on what item you have clicked on in the nav bar. You know, one second its a grid, then next it's a calendar.
I could screw around with hiding and showing windows, but I know that's not right.
Just using a tabbed control seems real close, except I don't need the tabs, the nav bar is where the user picks what he wants to see.
So would I use panels in some way? Some type of modified tab control? Do i just pile on top of one another my various pages of controls for each nav option? So many pieces, doesn't seem to be any clear documentation on how to accomplish this very simple problem... after an hour of digging, thought I would ask.
Thanks.
So would I use panels in some way? Some type of modified tab control?
You can use tab control in other way. Just hide the XtraTabControl headers via the XtraTabControl.ShowTabHeaders option.
You can create a user control for each view that a NavBar button would invoke. When the user clicks the button you dynamically generate that view and add to the right part of the splitter. What ever user control was there before you dispose of.
This will keep your app very light when executing and make it composable.

how to drag and drop a browser control in the screen in wp7

I am developing an application where I need to drag and drop a browser in my wp7 screen.So
can any body tel me how can we drag and drop a web browser control in a wp7 screen
Code Examples will do good to me
Thank You
Just declare a web browser control in XAML. Designer drag-drop functionality is not the best approach if you are arranging controls on any container, other then Canvas.
Usage would be like this;
<StackPanel>
<WebBrowser .../>
</StackPanel>
If you are talking about allowing the user to be able to drag the control within the running app then you can't do this with the control directly and still allow touch manipulation of the content. You could do this by putting a transparent control over the top of the WebBrowser and making that draggable and duplicating the movements of this transparent control to update the WebBrowser's position.
Such behaviour in an app would likely be very unusual and I'd recommend testing such interaction with users thoroughly and also exploring other ways of achieving the same result.
The easiest way to handle drag and drop in the Web Browser control is to handle the Navigate event. You can also capture drop operations inside of the the actual HTML document using window.ondrop but if you need to capture full filenames the Navigate event on the control in the .NET host application is your best bet.
For more detail on how this work take a look at this blog post:
https://weblog.west-wind.com/posts/2017/Mar/10/Dragging-and-Dropping-Images-and-Files-into-the-Web-Browser-Control

How to Create Great Looking Buttons in .Net?

I work on C# window 05 and I want to create some great looking buttons like Vista's theme buttons, Animated buttons, or like any custom of VS05 buttons....
How can I create custom buttons like this on window platform?
Buttons are just Controls that respond to mouse clicks. One way would be to create your own User Control in VS05 and have your frames ready as bitmap files to load at program launch. Then subscribe to your Control's mouseOver and mouseClick events to change what image is painted on your Control at that time.
Third party libraries like Infragistics and DevExpress have lots of cool controls and some nice themes. You just need to set some property to make a button look like a Vista button. But you will have to purchase these libraries. They also offer some trial downloads.

Categories

Resources