Fermer

janvier 16, 2020

Interface utilisateur Telerik pour Xamarin R1 2020


Trouvez ce que nous avons en magasin pour vous dans la première version de Telerik pour Xamarin de 2020.

Maintenant que nous avons accueilli 2020, il est temps pour Telerik UI pour la première version de Xamarin de la nouvelle version de la nouvelle année (et décennie) pour émerger sur la scène. Les points forts de la dernière version incluent un nouvel ensemble de commandes de sélection, ainsi qu'un mode d'affichage supplémentaire pour le contrôle Calendrier – la vue Agenda . Nous avons également pris en charge la bibliothèque RadSpreadProcessing qui vous permet de travailler avec des feuilles de calcul.

Comme toujours, tous les correctifs et améliorations que nous introduisons dans la suite sont destinés à vous aider dans vos efforts pour offrir à vos clients des expériences mobiles multiplateformes exceptionnelles.
Nous avons introduit le jeu de commandes de sélecteur suivant, spécialement conçu pour couvrir les scénarios les plus courants:

Sélecteur de liste

Le contrôle Sélecteur de liste vous permet de sélectionner un seul élément dans une liste d'éléments qui est visualisée dans une fenêtre contextuelle. Le contrôle offre la possibilité de boucler ses éléments à l'infini pendant le défilement. Vous pouvez également personnaliser entièrement l'apparence de la boîte de dialogue, le style et définir des modèles pour tous les éléments ou personnaliser spécifiquement l'élément sélectionné.

Notre contrôle de sélecteur de liste comprend les fonctionnalités suivantes:

  • Boucle: boucle les éléments à l'infini pendant le défilement [19659009] Modèles: définissez un modèle pour les éléments de liste, ainsi que celui sélectionné
  • Virtualisation de l'interface utilisateur: les éléments visuels sont réutilisés lors du défilement pour améliorer les performances
  • Format d'affichage de la chaîne : a choisi le texte à afficher lorsqu'un élément de la liste est sélectionné
  • API de style flexible : stylisez les éléments, la fenêtre contextuelle, l'en-tête et le pied de page du sélecteur
  • Prise en charge des commandes: commandes pour effacer un élément sélectionné, ouvrir et fermer la boîte de dialogue

Vous pouvez trouver plus d'informations sur le sélecteur de liste dans la documentation – Premiers pas avec le sélecteur de liste pour Xamarin .

 Sélecteur de liste "title = Style "List Picker" e = "vertical-align: middle;" /><h3 data-recalc-dims= Sélecteur de date et heure

Le sélecteur de date et heure pour Xamarin permet de choisir facilement une date, une heure ou une combinaison des deux en fonction de la chaîne de format utilisée. Comme dans le sélecteur de liste, ses éléments sont visualisés dans une fenêtre contextuelle. Le contrôle DateTimePicker possède un certain nombre de fonctionnalités qui vous permettent de définir une plage de dates, des formats DateTime et de personnaliser entièrement l'apparence de la boîte de dialogue, comme son en-tête et son pied de page.

Les fonctionnalités de DateTime Picker pour Xamarin sont les suivantes:

  • Format de chaîne: définissez une chaîne de format de date et d'heure standard et créez un sélecteur de date, un sélecteur d'heure ou une combinaison des deux.
  • Plage de dates : définir une date de début et de fin pour permettre aux utilisateurs de choisir une date entre
  • Afficher le format de la chaîne : choisir le texte à afficher lorsqu'une date / heure est choisie
  • Modèles : modèles pour l'en-tête , pied de page, espace réservé du sélecteur et texte affiché
  • API de style flexible: stylisez facilement les Spinners, Popup, en-tête, pied de page et texte affichés lorsque la date / l'heure est choisie
  • Prise en charge des commandes: commandes qui effacent la la date / heure sélectionnée et vous permet d'ouvrir et de fermer la boîte de dialogue

Vous pouvez trouver plus d'informations sur le sélecteur de date / heure dans la documentation – Premiers pas avec le sélecteur de date et d'heure pour Xamarin .

 Date et heure Picker "title =" Date Time Picker "style =" vertical-align: mid dle; "/></p data-recalc-dims=

Sélecteur de modèles

Si les sélecteurs de date / heure ne sont pas suffisants pour répondre à vos exigences de conception, vous pouvez utiliser le contrôle TemplatedPicker. Il vous offre la possibilité de définir un contenu personnalisé dans le sélecteur, ce qui en fait l'option la plus agile. En plus de cela, vous pouvez toujours utiliser les modifications de modèle / style mentionnées ci-dessus.

Les fonctionnalités de notre sélecteur de modèles pour Xamarin incluent:

  • Modèle de sélection: définissez un modèle pour les éléments
  • Affichez le format de la chaîne : a choisi un texte à afficher lorsqu'un élément est sélectionné
  • API de style flexible: stylisez les flèches, la fenêtre contextuelle, son en-tête et son pied de page
  • Prise en charge des commandes: effacez un élément sélectionné, ouvrez-le et fermez la boîte de dialogue via les commandes

Une fois de plus, des informations détaillées sur le contrôle sont disponibles dans la documentation – Prise en main du sélecteur personnalisé pour Xamarin .

 templated-resized "title =" templated-resized "style =" vertical-align: middle; "/></p data-recalc-dims=

Affichage de l'agenda du calendrier

Un nouveau mode d'affichage pour le contrôle RadCalendar est inclus – le Vue Agenda. Elle affiche une liste de rendez-vous regroupés par date, offrant un moyen pratique d'afficher chronologiquement les événements.

 agenda_view_resized "title =" agenda_view_resized "style =" vertical-align: middle; "/></p data-recalc-dims=

Vous avez plein contrôle sur la façon dont la vue Agenda est visualisée – vous pouvez définir des formats de date et d'heure personnalisés ainsi que modifier le style de chaque élément de l'ordre du jour séparément. La classe AgendaViewSettings ci-dessous présente une configuration simple:

< telerikInput: RadCalendar x: Name = "calendar"

ViewMode = "Agenda" >

< telerikInput : RadCalendar.AgendaViewSettings >

< telerikInput: AgendaViewSettings MonthItemFormat = 19659045] "MMM AAAA"

WeekItemStartDateFormat = "dd MMMM"

WeekItemEndDateFormat = "dd"

DayItemFormat = "EEE d MMM"

AppointmentItemTimeFormat = "HH mm"

AppointmentItemEndDateFormat = "MMM d"

AppointmentItemStartDateFormat = "MMM d" />

</ telerikInput: RadCalendar.AgendaViewSettings >

</ [19659042] telerikInput: RadCalendar >

Pour plus d'informations sur le mode d'affichage de l'agenda, consultez la documentation – Modes d'affichage – Agenda Voir .

Calendrier des heures chômées

Dans R3 2019, nous avons introduit les créneaux spéciaux pour le contrôle RadCalendar, une fonction qui vous permet de créer facilement des plages horaires spécifiques dans DayView / MultiDayView. plus important. Dans la dernière version, nous avons ajouté du sucre à coiffer pour mettre en évidence directement les plages horaires non travaillées le plus rapidement possible. Il vous suffit de définir les heures de début et de fin de votre travail et d'appliquer un style spécifique pour ces périodes directement dans DayView / MultiDayViewSettings.

< ResourceDictionary >

< telerikInput: CalendarSpecialSlotStyle x: Key = "MyNonWorkingHoursStyle" BackgroundColor = "[FFE6D8"19659097] />

</ ResourceDictionary >

] < telerikInput: RadCalendar x: Name = "calendar"

ViewMode [19659044] = "MultiDay" >

< telerikInput: RadCalendar.MultiDayViewSettings > [19659002] < telerikInput: MultiDayViewSettings VisibleDays = "7"

WorkStartTime = "9:00:00"

] WorkEndTime = "18:00:00" NonWorkingTimeSlotsStyle = "{StaticResource MyNonWorkingHoursStyle}" />

</ telerikInput: RadCalendar.MultiDayViewSettings >

</ telerikInput: RadCalendar

Et voici le résultat:

 non-working-hours "title =" non-working-hours "style =" vertical-align: middle; "/></p data-recalc-dims=

RadSpreadProcessing

La bibliothèque SpreadProcessing vous permet de travailler avec des feuilles de calcul en en créant de nouveaux, en modifiant des documents existants ou en convertissant entre les formats les plus courants (par exemple XLSX, XLS, CSV, texte brut et PDF). RadSpreadProcessing inclut, mais sans s'y limiter, les capacités suivantes:

  • Formes et images: insérer, positionner et supprimer des images
  • Hyperliens: ajouter, supprimer, modifier et rechercher des hyperliens
  • Classeur & protection des feuilles de calcul: restrictions personnalisables pour les utilisateurs concernant la modification du classeur ou le contenu et la structure des feuilles de calcul.
  • Groupement: organise les données en sections, affiche / masque les données pertinentes
  • Formules: 200+ fonctions intégrées, ainsi qu'une API pour brancher des fonctions personnalisées.
  • Styling, Theming & Redimensionnement: appliquez des styles aux cellules, personnalisez les éléments graphiques de votre document et ajustez automatiquement ou redimensionnez les colonnes et les lignes.
  • Validation des données: règles de validation pour la liste, le nombre, la date, la longueur du texte ou personnalisé
  • Filtrage et tri: filtrer et trier les données dans une feuille de calcul
  • Rechercher et remplacer des données : rechercher et remplacer des données dans un classeur

SpreadProcessing diffère de la bibliothèque RadSpreadStreamProcessing déjà existante pour Xamarin en ajoutant la prise en charge de la lecture et de la modification du contenu des documents. Vous pouvez en savoir plus sur les différences entre les deux ici – RadSpreadStreamProcessing vs. RadSpreadProcessing .

Améliorations supplémentaires

En plus des fonctionnalités et composants nouvellement introduits, nous avons appliqué différentes améliorations aux contrôles déjà existants de la suite. En voici quelques-uns:

  • ListView: Ajout d'une option pour appliquer un style spécifique aux en-têtes de groupe
  • DataForm: Ajout de la prise en charge des groupes initialement réduits et modification de la source de données des propriétés dynamiques pour les éditeurs [19659009] SideDrawer: Propriété TouchTargetTreshold exposée permettant aux utilisateurs de contrôler à quelle distance du bord les gestes pour ouvrir le contrôle doivent être respectés
  • ImageEditor: Ajout de la prise en charge des barres d'outils unifilaires et multilignes
  • AutoCompleteView : Ajout d'une option pour modifier le type de clavier du champ de saisie
  • PdfViewer: Prise en charge des destinations nommées dans l'annotation des liens
  • Chemin: Analyseur de chaîne en géométrie et convertisseur de type ajouté

En savoir plus sur notre webinaire

Pour plus d'informations sur les derniers contrôles et fonctionnalités de Telerik UI pour Xamarin, inscrivez-vous à notre version officielle le mardi 21 janvier à 11 h 00 HE – 12 h 30 HE.

Soit U s Sachez ce que vous pensez

Nous sommes impatients de recevoir toute réaction concernant les composants et fonctionnalités introduits. La voix du client a toujours été un pilier principal de la culture de notre entreprise, alors n'hésitez pas à partager vos idées en laissant un commentaire ou en visitant notre interface utilisateur Telerik pour Xamarin Feedback .

Si vous n'avez pas t déjà eu la chance d'essayer nos boîtes à outils d'interface utilisateur, téléchargez simplement un essai à partir du lien ci-dessous:

Essayez Telerik UI pour Xamarin





Source link