XF: Custom Control – LabeledSwitch
Wenn man mit Xamarin.Forms arbeitet, um eine mobile App für Android und/oder iOS zu entwickeln, so kann man bereits auf eine Vielzahl von vordefinierten Controls zurückgreifen, welche sich einfach verwenden lassen. Aber manchmal kommt man in die Situation, wo diese vordefinierten Controls nicht mehr passen und man muss sich eine Alternative überlegen. In diesem Beitrag möchte ich nun zeigen, wie man aus den Standard-Controls ein neues Control für Android und iOS erstellen kann. Dabei handelt es sich um den LabeledSwitch. Dabei handelt es sich um einen Switch, welcher mit zwei Labels versehen ist, welche einen Titel und eine kurze Beschreibung anzeigen können.
Demo: Xamarin.Forms Material Visual
Beim Material Design handelt es sich um ein Designkonzept von Google, welches die Größe, Farbe, Abstand und das Layout von verschiedenen Controls festlegt. Dabei hat Google sowohl das Design für Android als auch für iOS entworfen. Mit Xamarin.Forms Material Visual gibt es nun eine einfache Option dieses Designkonzept für seine eigenen Xamarin.Forms Apps zu adaptieren. Mit nur drei einfachen Schritten kann man seine Android- als auch iOS-App im Material Design Look präsentieren. Zum jetzigen Zeitpunkt wird UWP nicht unterstützt, so dass es hier keine Änderungen nach dem Einbinden des Packages im Layout gibt.
DevCleaner: Xcode mit wenigen Mausklicks bereinigen
Manchmal wirft man einen Blick auf seine Festplatte und fragt sich, wieso habe ich nur noch so wenig Speicherplatz frei. Mir geht es tatsächlich öfters so, gerade wenn ich einen Blick auf die Festplatte in meinem Mac Mini werfe. Da ich das Gerät derzeit nur als Build Host für meine Xamarin.Forms Projekte für die iOS-Entwicklung nutze, habe ich auch nur die kleinste Konfiguration mit gerade einmal 128 GB Speicherplatz. Um nun ein bisschen mehr Platz auf dem Rechner zu schaffen, möchte ich euch ein kleines Tool mit dem Namen DevCleaner for Xcode vorstellen.
Transparenz in HEX-Farbwerten
Gerade wenn man mit Designerinnen oder Designern zusammenarbeiten, sind Transparenzen in HEX-Farbwerten öfters mal ein Thema. Denn es wird meist eine Akzentfarbe definiert und diese dann z.B. über verschiedene Transparenzen verstärkt oder abgeschwächt. Es kommt nun jedoch vor, dass man nur die Information wie 40% Deckkraft bekommt und keinen eigenen HEX-Farbwert. Hier muss nun vom Entwickler umständlich gerechnet werden, wie man 40% Deckkraft abbildet. In diesem Beitrag stelle ich nun eine Tabelle zur Verfügung, wo man direkt die Werte ablesen kann und gleichzeitig gibt es noch einen kleinen Code-Schnipsel, welcher den entsprechenden Wert „berechnet“.