XamarinForms: how use a Custom Navigation Page
I order to have a cutom navigation on a specific view on my app,
I create a Custom Navigation ios:
public class CustomNavigationPageRenderer : NavigationRenderer
public override void ViewDidLoad()
base.ViewDidLoad();
UINavigationBar.Appearance.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
UINavigationBar.Appearance.ShadowImage = new UIImage();
UINavigationBar.Appearance.BackgroundColor = UIColor.Clear;
UINavigationBar.Appearance.TintColor = UIColor.White;
UINavigationBar.Appearance.BarTintColor = UIColor.Clear;
UINavigationBar.Appearance.Translucent = true;
and a common interface class:
public partial class CustomPage : NavigationPage
public CustomPage(): base()
InitializeComponent();
public CustomPage(Page root) : base(root)
InitializeComponent();
public bool IgnoreLayoutChange get; set; = false;
protected override void OnSizeAllocated(double width, double height)
if (!IgnoreLayoutChange)
base.OnSizeAllocated(width, height);
Now, In my specific view, how have I use it?
I need to set on false the original navigation? (NavigationPage.SetHasNavigationBar(this, false);)
public MySpecificViewNeedCustoNAv()
{
CustomPage myNavigationPage = new CustomPage();
...
xamarin navigation customization
add a comment |
I order to have a cutom navigation on a specific view on my app,
I create a Custom Navigation ios:
public class CustomNavigationPageRenderer : NavigationRenderer
public override void ViewDidLoad()
base.ViewDidLoad();
UINavigationBar.Appearance.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
UINavigationBar.Appearance.ShadowImage = new UIImage();
UINavigationBar.Appearance.BackgroundColor = UIColor.Clear;
UINavigationBar.Appearance.TintColor = UIColor.White;
UINavigationBar.Appearance.BarTintColor = UIColor.Clear;
UINavigationBar.Appearance.Translucent = true;
and a common interface class:
public partial class CustomPage : NavigationPage
public CustomPage(): base()
InitializeComponent();
public CustomPage(Page root) : base(root)
InitializeComponent();
public bool IgnoreLayoutChange get; set; = false;
protected override void OnSizeAllocated(double width, double height)
if (!IgnoreLayoutChange)
base.OnSizeAllocated(width, height);
Now, In my specific view, how have I use it?
I need to set on false the original navigation? (NavigationPage.SetHasNavigationBar(this, false);)
public MySpecificViewNeedCustoNAv()
{
CustomPage myNavigationPage = new CustomPage();
...
xamarin navigation customization
add a comment |
I order to have a cutom navigation on a specific view on my app,
I create a Custom Navigation ios:
public class CustomNavigationPageRenderer : NavigationRenderer
public override void ViewDidLoad()
base.ViewDidLoad();
UINavigationBar.Appearance.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
UINavigationBar.Appearance.ShadowImage = new UIImage();
UINavigationBar.Appearance.BackgroundColor = UIColor.Clear;
UINavigationBar.Appearance.TintColor = UIColor.White;
UINavigationBar.Appearance.BarTintColor = UIColor.Clear;
UINavigationBar.Appearance.Translucent = true;
and a common interface class:
public partial class CustomPage : NavigationPage
public CustomPage(): base()
InitializeComponent();
public CustomPage(Page root) : base(root)
InitializeComponent();
public bool IgnoreLayoutChange get; set; = false;
protected override void OnSizeAllocated(double width, double height)
if (!IgnoreLayoutChange)
base.OnSizeAllocated(width, height);
Now, In my specific view, how have I use it?
I need to set on false the original navigation? (NavigationPage.SetHasNavigationBar(this, false);)
public MySpecificViewNeedCustoNAv()
{
CustomPage myNavigationPage = new CustomPage();
...
xamarin navigation customization
I order to have a cutom navigation on a specific view on my app,
I create a Custom Navigation ios:
public class CustomNavigationPageRenderer : NavigationRenderer
public override void ViewDidLoad()
base.ViewDidLoad();
UINavigationBar.Appearance.SetBackgroundImage(new UIImage(), UIBarMetrics.Default);
UINavigationBar.Appearance.ShadowImage = new UIImage();
UINavigationBar.Appearance.BackgroundColor = UIColor.Clear;
UINavigationBar.Appearance.TintColor = UIColor.White;
UINavigationBar.Appearance.BarTintColor = UIColor.Clear;
UINavigationBar.Appearance.Translucent = true;
and a common interface class:
public partial class CustomPage : NavigationPage
public CustomPage(): base()
InitializeComponent();
public CustomPage(Page root) : base(root)
InitializeComponent();
public bool IgnoreLayoutChange get; set; = false;
protected override void OnSizeAllocated(double width, double height)
if (!IgnoreLayoutChange)
base.OnSizeAllocated(width, height);
Now, In my specific view, how have I use it?
I need to set on false the original navigation? (NavigationPage.SetHasNavigationBar(this, false);)
public MySpecificViewNeedCustoNAv()
{
CustomPage myNavigationPage = new CustomPage();
...
xamarin navigation customization
xamarin navigation customization
edited Nov 16 '18 at 8:13
doxsi
asked Nov 16 '18 at 7:55
doxsidoxsi
6201235
6201235
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
need to set on false the original navigation?
No , you can refer the following code.
For example
Creating the Root Page in App.cs
public App ()
MainPage = new CustomPage (new xxxpage());
Pushing Pages to the Navigation Stack in your page
async void ButtonClicked (object sender, EventArgs e)
await Navigation.PushAsync (new xxxpage());
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53333598%2fxamarinforms-how-use-a-custom-navigation-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
need to set on false the original navigation?
No , you can refer the following code.
For example
Creating the Root Page in App.cs
public App ()
MainPage = new CustomPage (new xxxpage());
Pushing Pages to the Navigation Stack in your page
async void ButtonClicked (object sender, EventArgs e)
await Navigation.PushAsync (new xxxpage());
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
add a comment |
need to set on false the original navigation?
No , you can refer the following code.
For example
Creating the Root Page in App.cs
public App ()
MainPage = new CustomPage (new xxxpage());
Pushing Pages to the Navigation Stack in your page
async void ButtonClicked (object sender, EventArgs e)
await Navigation.PushAsync (new xxxpage());
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
add a comment |
need to set on false the original navigation?
No , you can refer the following code.
For example
Creating the Root Page in App.cs
public App ()
MainPage = new CustomPage (new xxxpage());
Pushing Pages to the Navigation Stack in your page
async void ButtonClicked (object sender, EventArgs e)
await Navigation.PushAsync (new xxxpage());
need to set on false the original navigation?
No , you can refer the following code.
For example
Creating the Root Page in App.cs
public App ()
MainPage = new CustomPage (new xxxpage());
Pushing Pages to the Navigation Stack in your page
async void ButtonClicked (object sender, EventArgs e)
await Navigation.PushAsync (new xxxpage());
edited Nov 20 '18 at 9:28
answered Nov 19 '18 at 2:20
Lucas Zhang - MSFTLucas Zhang - MSFT
2,7512210
2,7512210
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
add a comment |
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
Tx. Children not exists in the current context
– doxsi
Nov 20 '18 at 9:05
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
It is a tabbedpage not a content page
– Lucas Zhang - MSFT
Nov 20 '18 at 9:08
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
mine is not a tabbed page
– doxsi
Nov 20 '18 at 9:11
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
look at my update answer
– Lucas Zhang - MSFT
Nov 20 '18 at 9:16
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
Tell me whether the answer works
– Lucas Zhang - MSFT
Nov 20 '18 at 9:40
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53333598%2fxamarinforms-how-use-a-custom-navigation-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown