2017-07-10 14 views
0

iOSとAndroidの両方でGoogleのアプリケーションを使用するための下部タブ付きページの作成を依頼されました。
タブ項目のアイコンは、与えられたアイコンの正しい色になります。選択されていない場合は、色付きの灰色にすることはできません。Xamarin - グリッド内のスタックレイアウトを使用したDIYタブ付きページ

グリッド内のスタックレイアウトを使用してこれを実行することは可能ですか?そうすれば、アイコンの色を保持することができます。そうであれば、デバイスの画面の下部にグリッドを固定することができます。タブ付きページ?

答えて

1

を見て何かを与える必要があります。私はそれも、既存のTabbedPageコントロールでカスタムレンダラを使用して達成できると思います。また、お客様のニーズに合わせて独自のバージョンのTabbedPageを作成することもできます。私はあなたが既存のTabbedPageを使い、タブをAndroidの底に置いているかもしれないが、間違いなく可能でなければならないのが最も難しいと思う。特にiOSではTintColorを使用して色の要件を簡単に修正できます。

私が上で述べたことが、あなたが探している結果を得られない限り、私は完全にカスタムコントロールルートには行きません。コメントの

更新

[assembly: ExportRenderer(typeof(TabbedPage), typeof(TabbedPageCustom))] 
namespace Sample.iOS 
{  
    public class TabbedPageCustom : TabbedRenderer  
    {   
     public TabbedPageCustom()   
     {    
      TabBar.TintColor = UIColor.Black;    
      TabBar.BarTintColor = UIColor.Blue;    
      TabBar.BackgroundColor = UIColor.Green;   
     }  
    } 
} 

http://motzcod.es/post/138225183932/tintcolor-selectedimage-xamarin-forms-ios http://motzcod.es/post/157544468267/xamarin-forms-android-selected-and-unselected-tab-colors

+0

感謝。 Androidの一番下にタブがあり、画像に苦労しています。 – DarkW1nter

+0

イメージで何を達成しようとしていますか?その大部分は、外観フレームワークを通して 'UITabBarItem.Appearance.SetTitleTextAttributes'を使用し、iOS上に' TabBarItem.SelectedImage'を設定することによって行うことができます。それらはあなたにあなたが望むすべての色にイメージとそのラベルを設定するオプションを与える必要があります。 –

+0

私は、あなたが通常見ているように、タブ付きのページに画像をそのまま表示しようとしています。グレーアウトアウトラインではありません。基本的には5つのタブ項目があり、そのうちの4つは灰色ですが、中央は緑色の十字形でなければなりません。イメージを設定するとグレーアウトされたバージョンとして表示され、クリックすると正しいグリーンのバージョンが表示されるので、イメージのバージョンが正しいかどうかを確認するために探しています – DarkW1nter

0

コンテンツビューでお勧めします。これにより、スワイプオプションも表示されます。 StackLayoutまたはGridを使用してマスターレイアウトを作成できます。

サンプル:iOS版が既に下部にあるタブをレンダリングするよう

<Stacklayout> 
<ContentView /> 
<Stacklayout Orientation="Horizontal" > 
<Button /> 
<Button /> 
</Stacklayout> 
</Stacklayout> 

ます。またCustomRendererを経由して同じことを達成することができます。アンドロイドの場合、TabHostを使用して下部に配置できます。これにより、よりネイティブなルック&フィールが得られます。

これはあなたが言及する事は間違いなく実現可能であるhttps://asyncawait.wordpress.com/2016/06/16/bottom-menu-for-xamarin-forms-android/

関連する問題