Introduction aux contrôles de la page dynamique SAP ui5

Le contrôle commence à partir de SAP UI5 1.42 La version commence à être disponible.DynamicPage Est un contrôle de mise en page,Par titre、Titre avec comportement dynamique、La zone de contenu et le pied de page flottant optionnel se composent de.

Le contrôle se compose de plusieurs composants：

• DynamicPageTitle - Par le titre à gauche、Le contenu du milieu et le fonctionnement à droite constituent. Le contenu affiché sera basé sur DynamicPageHeader Changement par rapport au mode actuel de.

• DynamicPageHeader - Un conteneur universel,Peut contenir un seul contrôle de mise en page et ne se soucie pas de l'alignement du contenu et de la réactivité. L'en - tête fonctionne en deux modes - Mode de déploiement(expanded)Et le mode arrimage(snapped),Et peut ajuster son comportement avec différents attributs.

• Zone de contenu - Un conteneur universel,Il peut y avoir un seul UI5 Contrôles de mise en page,Ne vous souciez pas de l'alignement et de la réactivité du contenu.

• Pied de page - En bas,Il y a un petit décalage,Pour les opérations supplémentaires,Le pied de page flotte au - dessus du contenu. Ça peut être n'importe quoi. sap.m.IBar Contrôle.

• Si l'exigence est d'afficher un titre toujours visible et un avec une extension configurable/Titre de la fonction d'alignement,Veuillez utiliser DynamicPage.Au contraire.,Aucune extension n'est nécessaire/Fonction d'alignement,Mieux utiliser sap.m.Page Comme un contrôle plus léger .

• Si affiché sap.m.FlexBox Avec un contenu non adaptatif （ Ne s'étire pas pour remplir l'espace libre ）,Recommandations FlexBox De fitContainer La propriété est définie à false.

• Si vous affichez sap.ui.table.Table, Rappelez - vous qu'il n'est pas adaptatif ,Et peut causer DynamicPage Dans les plus petites tailles d'écran （Par exemple, les appareils mobiles） Comportement imprévisible sur .Il faut utiliser sap.m Sous l'espace de noms Table Contrôle.

• Ne supporte pas le DynamicPageTitle Range ça.(snap)： Quand DynamicPage Avec barre de défilement, Les contrôles défilent généralement vers snap point Emplacement .Mais, Quand il y a une barre de défilement mais pas assez de contenu pour arriver snap point Heure, Impossible d'utiliser le défilement pour l'opération d'arrimage .

• InDynamicPage Utilisé dans le contenu de sap.ui.layout.form.Form、sap.m.Panel、sap.m.TableEtsap.m.ListLors du contrôle, Si vous voulez que le contenu du texte soit aligné verticalement , Vous devez ajuster leur décalage de texte gauche sap.f.DynamicPageHeader Contenu et DynamicPage Alignement entre les contenus de .

• Comportement réactif:DynamicPage Le comportement de réponse dépend du comportement du contenu affiché .À ajuster DynamicPage Remplissage du contenu,Peut être utilisé sapUiContentPadding、sapUiNoContentPadding Et sapUiResponsiveContentPadding CSS Catégorie.