Aracılığıyla paylaş

Xamarin.Forms Metin Stilleri

'da metin stili oluşturma Xamarin.Forms

Stiller etiketlerin, girişlerin ve düzenleyicilerin görünümünü ayarlamak için kullanılabilir. Stiller bir kez tanımlanabilir ve birçok görünüm tarafından kullanılabilir, ancak stil yalnızca tek türde görünümlerle kullanılabilir. Stiller belirli bir Key denetimin Style özelliği kullanılarak seçerek verilebilir ve uygulanabilir.

Yerleşik Stiller

Xamarin.Forms yaygın senaryolar için çeşitli yerleşik stiller içerir:

  • BodyStyle
  • CaptionStyle
  • ListItemDetailTextStyle
  • ListItemTextStyle
  • SubtitleStyle
  • TitleStyle

Yerleşik stillerden birini uygulamak için biçimlendirme uzantısını DynamicResource kullanarak stili belirtin:

<Label Text="I'm a Title" Style="{DynamicResource TitleStyle}"/>

C# dilinde yerleşik stiller öğesinden Device.Stylesseçilir:

label.Style = Device.Styles.TitleStyle;

Cihaz Stilleri Örneği

Özel Stiller

Stiller, ayarlayıcılardan ve ayarlayıcılardan oluşur ve özelliklerin ayarlanacağı değerlerden oluşur.

C# dilinde, 30 boyutunda kırmızı metin içeren bir etiket için özel stil aşağıdaki gibi tanımlanır:

var LabelStyle = new Style (typeof(Label)) {
    Setters = {
        new Setter {Property = Label.TextColorProperty, Value = Color.Red},
        new Setter {Property = Label.FontSizeProperty, Value = 30}
    }
};

var label = new Label { Text = "Check out my style.", Style = LabelStyle };

XAML'de:

<ContentPage.Resources>
    <ResourceDictionary>
        <Style x:Key="LabelStyle" TargetType="Label">
            <Setter Property="TextColor" Value="Red"/>
            <Setter Property="FontSize" Value="30"/>
        </Style>
    </ResourceDictionary>
</ContentPage.Resources>

<ContentPage.Content>
    <StackLayout>
        <Label Text="Check out my style." Style="{StaticResource LabelStyle}" />
    </StackLayout>
</ContentPage.Content>

Kaynakların (tüm stiller dahil) içinde ContentPage.Resourcestanımlandığını ve daha tanıdık ContentPage.Content öğenin eşdüzey olduğunu unutmayın.

Özel Stiller Örneği

Stil Uygulama

Stil oluşturulduktan sonra, stiliyle TargetTypeeşleşen herhangi bir görünüme uygulanabilir.

XAML'de, özel stiller görünümlere Style , özellikleri istenen stile başvuran bir StaticResource işaretleme uzantısıyla sağlayarak uygulanır:

<Label Text="Check out my style." Style="{StaticResource LabelStyle}" />

C# dilinde stiller doğrudan bir görünüme uygulanabilir veya bir sayfanın ResourceDictionaryöğesine eklenebilir ve bu görünümden alınabilir. Doğrudan eklemek için:

var label = new Label { Text = "Check out my style.", Style = LabelStyle };

Sayfanın ResourceDictionaryöğesini eklemek ve sayfasından almak için:

this.Resources.Add ("LabelStyle", LabelStyle);
label.Style = (Style)Resources["LabelStyle"];

Yerleşik stiller, erişilebilirlik ayarlarına yanıt vermesi gerektiğinden farklı uygulanır. XAML'de yerleşik stilleri uygulamak için işaretleme DynamicResource uzantısı kullanılır:

<Label Text="I'm a Title" Style="{DynamicResource TitleStyle}"/>

C# dilinde yerleşik stiller öğesinden Device.Stylesseçilir:

label.Style = Device.Styles.TitleStyle;

Erişilebilirlik

Yerleşik stiller, erişilebilirlik tercihlerine saygı duymayı kolaylaştırmak için mevcuttur. Yerleşik stillerden herhangi birini kullanırken, kullanıcı erişilebilirlik tercihlerini uygun şekilde ayarlarsa yazı tipi boyutları otomatik olarak artar.

Erişilebilirlik ayarlarının etkinleştirildiği ve devre dışı bırakıldığı yerleşik stiller ile stillenmiş aynı görünüm sayfasının aşağıdaki örneğini göz önünde bulundurun:

Devre dışı:

Erişilebilirlik Devre Dışı Olan Cihaz Stilleri

Etkin:

Erişilebilirlik Etkinleştirilmiş Cihaz Stilleri

Erişilebilirliği sağlamak için, yerleşik stillerin uygulamanızdaki metinle ilgili stillerin temeli olarak kullanıldığından ve stilleri tutarlı bir şekilde kullandığınızdan emin olun. Genel olarak stilleri genişletme ve stillerle çalışma hakkında daha fazla ayrıntı için bkz. Stiller.

  • Last updated on