2016-08-26 1 views
1

첨부 이미지 참조하십시오 : 나는 (햄버거 메뉴/제목 근처) 상단 표시 줄에 같은 사진에서 강조하는 사람과 같은 항목을 추가하려면 어떻게Xamarin Forms - 추가 컨트롤을 MasterDetailPage의 위쪽 막대에 어떻게 추가합니까?

Highlighted top bar in Android add

을, 자 마린과 MasterDetailPage를 사용하는 경우 양식?

더 정확하게, 나는 두 번째 이미지에서 강조 표시된 영역에 컨트롤의 이러한 유형을 추가해야합니다

Highlighted Xamaring Forms top bar

답변

2

사용 도구 모음.

도구 모음에 ToolbarItem을 추가 할 수 있습니다. 코드에서

:

var contentPage = new ContentPage(); 
page.ToolbarItems.Add (new ToolbarItem (....)); 

XAML에서 : 당신은 너무 this answer에 모습을 가질 수

<ContentPage.ToolbarItems> 
    <ToolbarItem .... /> 
</ContentPage.ToolbarItems> 

.

당신은 안드로이드에 오버 플로우 메뉴에 옵션을 강제로 ToolBarItemSecondary에의 Order을 설정 할 수 있어야한다 :

<ContentPage.ToolbarItems> 
     <ToolbarItem Text="{Binding EditButtonText, Mode=TwoWay}" Clicked="EditClicked" Order="Secondary" /> 
</ContentPage.ToolbarItems> 

다음 포럼 스레드가 당신을 도움이 될 것입니다

  1. Icon image on Toolbar item in xamarin Forms
  2. Adding toolbar items, buttons and menus

사용에게 속성을 원하는대로 도구 모음을 얻을 수 있습니다 :

  • Order은 - 가져 오거나 차에의있는, 차, 또는 기본 도구 모음의 표면이 ToolbarItem 요소를 표시 할 나타내는 값을 가져 오거나 설정합니다.
  • Priority -이 ToolbarItem 요소의 우선 순위를 가져 오거나 설정합니다.
  • Icon -이 ToolbarItem 요소에 표시되는 이미지를 식별하는 문자열을 가져 오거나 설정합니다.
+0

: 여기

또한 안드로이드 재료 디자인에 대한 훌륭한 블로그 게시물입니다. 이제 장바구니 아이콘에 배지 (상품 수)를 표시하고 싶습니다. 나는 많은 노력을했지만 그 아이콘을 수정하지 못하거나 심지어 toolbarItem에 아무 것도 추가하지 못했습니다. 이 문제를 해결할 수 있다면 도와주세요. –

+0

시도한 문제에 대한 새로운 질문을하십시오. 그것을 들여다 볼 것입니다. –

0

@Rohit 당신은 같은 것을 할 수 있습니다 언급 한 바와 같이 :

"sync_icon.png는"당신의 아이폰 OS/안드로이드/WP 프로젝트에 자원이
private void ShowToolbarItems() 
{ 
ToolbarItem toolbarItem; 
if (Device.OS == TargetPlatform.iOS) 
{ 
    // move layout under the status bar 
    this.Padding = new Thickness(0, 20, 0, 0); 

    toolbarItem = new ToolbarItem("Sync", "sync_icon.png",() => 
    { 
     SyncService(); 
    }, 0, 0); 
    ToolbarItems.Add(toolbarItem); 
} 

if (Device.OS == TargetPlatform.Android) 
{ 

    toolbarItem = new ToolbarItem("Sync", "sync_icon.png",() => 
    { 
     SyncService(); 
    }, 0, 0); 
    ToolbarItems.Add(toolbarItem); 

} 

. 희망이 도움이됩니다. 나는 쇼핑 카트 아이콘으로 ToolBarItem을 만든 Rohit- @

https://blog.xamarin.com/android-tips-hello-toolbar-goodbye-action-bar/

+0

'this.Padding = new Thickness (0, 20, 0, 0);은 플랫폼에 따라 다르므로 –

+0

외부의 나머지 부분을 넣을 수 있습니다. (Mario Galvan)와 Rohit에게 감사드립니다. –

관련 문제