Xamarin.Formen: Entfernen Sie die Polsterung im inneren Knopf

Möchte ich einen kleinen Knopf. Die Höhe des Tasters ist 30. Auf einigen Plattformen (Android, UWP) der text innerhalb der Schaltfläche abgeschnitten. Das ist, weil es einen Abstand zwischen dem text und dem äußeren Rand.

Ist eine option, um die Schaltfläche größer, aber es ist genug Platz für den text. Ist es eine option für die Einstellung der inneren Polsterung?

InformationsquelleAutor testing | 2016-03-23
  1. 8

    Auf Android, Sie können dies tun, mit styling.

    Resources/values-v21/styles.xml

    <?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="myTheme" parent="android:Theme.Material">
    <item name="android:buttonStyle">@style/noPaddingButtonStyle</item>
  </style>

  <style name="noPaddingButtonStyle" parent="android:Widget.Material.Button">
    <item name="android:paddingLeft">0dp</item>
    <item name="android:paddingRight">0dp</item>
  </style>
</resources>

    AndroidManifest.xml

    Set custom theme als Anwendung Thema. 

    <application android:label="$safeprojectname$" android:theme="@style/myTheme"></application>

    Er die Einstellung der linken und rechten Rand zu 0dp. Der Standard-Stil hat eine Polsterung.

    Ist dies funktioniert auf Android >= 5. Wenn Sie möchten, zur Unterstützung der unteren android-Versionen müssen Sie mehrere style-Ordner, und verwenden Sie andere Basis-Themen wie Theme.Holo oder Theme.AppCompat.

    Oder Sie gehen für den Renderer:

    using App6.Droid;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(Button), typeof(ZeroPaddingRenderer))]
namespace App6.Droid
{
    public class ZeroPaddingRenderer : ButtonRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
        {
            base.OnElementChanged(e);

            Control?.SetPadding(0, Control.PaddingTop, 0, Control.PaddingBottom);
        }
    }
}
    • Hi Sven, ich bin neu in der custom Renderer. Ich möchte hinzufügen, dass die custom renderer. Ich habe es gespeichert unter my Droid Projekt. Wie kann ich sicherstellen, dass meine Taste abrufen können SetPadding Methode oben in Xamarin.Formen? Danke!
    • Sie haben so erstellen Sie einen benutzerdefinierten Xamarin.Forms-Steuerelement MyButton : Button mit eine bindbare Eigenschaft Padding und verwenden Sie dann die angezeigten renderer aber mit [assembly: ExportRenderer(typeof(MyButton), typeof(ZeroPaddingRenderer))] hier ist eine Schritt-für-Schritt developer.xamarin.com/guides/xamarin-forms/custom-renderer/...
    • Oder vielleicht einfacher einen Effekt verwenden, statt benutzerdefinierte renderer: codeworks.es/blog/?p=433
    • Ich werde versuchen, die custom-renderer. Ich danke Ihnen so sehr für Ihre Hilfe!
    • Bevor ich Schraube mein code ist, kann zeigen Sie mir ein Beispiel dafür, was eine Bindbare Eigenschaft für Polsterung Aussehen würde? Die Dokumentation link, den du geschickt nicht zeigen ein Beispiel zum erstellen einer Bindbare Eigenschaft. Danke!!!
    • blog.bitbull.com/2015/01/17/... mit Typ - Thickness statt ü-bool.
    • Toll, hat es fast. Ich habe noch eine Frage... für was der zweite parameter in Erstellen<> Was soll es sein?: public static readonly BindableProperty PaddingProperty = BindableProperty.Erstellen<UIButtonWithoutPadding, Dicke>(s => en.Polsterung, whatisthis?);
    • Lassen Sie uns weiter, diese Diskussion im chat.

    InformationsquelleAutor Sven-Michael Stübe
  2. 7

    Eine option ist die Verwendung eine Beschriftung anstelle einer Schaltfläche, und verwenden Sie eine TapGestureRecognizer anstelle von Klicken Sie auf Ereignisse. Das Label gibt Ihnen mehr Kontrolle über das layout, den text als Schaltfläche, aber Sie nicht bekommen, der Vorteil, es wird übersetzt in die Heimat button-Steuerelement auf jeder Plattform.

    • Ich tun eine ganze Menge. Aber ich bemerkte einen performance-hit auf Android im Vergleich zu einer Schaltfläche. 1) Sie haben genau Tippen Sie auf den text (das ist manchmal Dünn) und 2) der angehängte Befehl nicht Feuer so schnell wie mit einem Knopf.
    • TapGestureRecognizers Konflikt mit ScrollViews auch.
    • Gibt es eine Möglichkeit, Sie zu überwinden Tippen genau auf den text?
    • Sie können betrügen, und fügen Sie eine transparente boxview oben auf die Beschriftung, und fügen Sie die tap-Geste auf dem Feld. Jedoch, Tasten bietet mehr Verhaltensweisen um einen Befehl, dass nur die Anerkennung einer Tippen, so dass ich versuchen, Sie so viel wie möglich.
    • WOW tx für die schnelle Antwort. Gibt es einen Weg, das zu erreichen Pressed und Released Veranstaltungen Button mit GestureRecognizers? Ich brauche Informationen über die Dauer des tap/Klick/Maus-down.
    • Ich habe nie versucht. Warum würden Sie das umschreiben, das button-Steuerelement? Ihr Problem ist die Polsterung wie in meinem ersten post? Vielleicht sollten Sie sich Fragen, eine ganz neue Frage?
    • mein Problem ist, loszuwerden, die Padding auf Android in der Tat. Bitte siehe dieser und dieser Anregungen. Andere Möglichkeiten, das zu erreichen Press und Release mit null Polsterung anderes als custom Renderer?

    InformationsquelleAutor DavidS
  3. 1

    Vielleicht kannst du spielen mit der FontSize um fit die Schaltfläche HeightRequest, es sei denn, dass müssen Sie erstellen eine benutzerdefinierte renderer zum einstellen der Polsterung.

    • So gibt es keine option. Ich könnte mit verschiedenen FontSize für jede Plattform, aber wenn ich will, um es perfekt, ich brauche den custom-renderer.
    InformationsquelleAutor Mario Galván
Schreibe einen Kommentar