Maison >Applet WeChat >Développement WeChat >10 cours recommandés sur les composants de l'interface utilisateur

10 cours recommandés sur les composants de l'interface utilisateur

伊谢尔伦
伊谢尔伦original
2017-06-13 11:06:141556parcourir

À la veille des vacances 520, le mini programme a de nouveau rendu les programmeurs agités. Il a mis à jour certaines fonctions attrayantes, telles que l'API de transfert de contenu, l'API iBeacon, l'API de vibration, l'API de réglage de la luminosité de l'écran, etc., et a également amélioré la carte. . La fonction du composant. Dans cette mise à jour, un nouveau composant d'interface utilisateur est également ajouté, à savoir le composant de vue mobile-view, qui doit être utilisé avec la zone mobile. En termes simples, il s'agit d'un conteneur qui prend en charge le déplacement de contenu dans une zone spécifiée. Regardons un exemple simple : 1. Introduction à movingview, un nouveau composant de glissement développé par WeChat

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : A la veille des vacances 520, le mini programme a de nouveau agité les programmeurs, et certaines mises à jour sont très tentantes Fonctions tels que l'API de transfert de contenu, l'API iBeacon, l'API de vibration, l'API de réglage de la luminosité de l'écran, etc. ont également amélioré les fonctions du composant cartographique. Dans cette mise à jour, un nouveau composant d'interface utilisateur est également ajouté, qui est le composant de vue movingview, qui nécessite. Utilisé avec movingarea. En termes simples, il s'agit d'un conteneur qui prend en charge le déplacement de contenu dans une zone spécifiée

2 Diagramme des composants de l'interface utilisateur JavaScript léger et magique.

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : Magic est un composant d'interface utilisateur basé sur JavaScript, la quantité de code dans le framework Magic est très peu, et l'efficacité de fonctionnement est très bonne. En même temps, Magic contient de nombreux composants d'applications Web couramment utilisés, notamment des carrousels d'images, des calendriers, des boîtes de dialogue, des paginations, des onglets et d'autres composants d'interface utilisateur sous-jacents à Magic. Un framework JavaScript similaire à jQuery, le dernier Magic peut choisir d'utiliser Tangram comme bibliothèque sous-jacente, et vous pouvez également choisir jQuery comme bibliothèque sous-jacente Magi..

3. >Détails pour dessiner vos propres composants d'interface utilisateur

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : moteur open source HTML5 lufylegend-1.7.1 Le Le package de téléchargement de la version contient le fichier lufylegend.ui-0.1.0.js, qui est un composant d'interface utilisateur dédié du moteur lufylegend.js. J'ai également dit dans l'introduction de l'API que ce composant d'interface utilisateur est spécialement préparé pour les paresseux. y compris les boutons, les cases radio, les zones de sélection multiple, les zones de liste déroulante, les barres de défilement et autres interfaces utilisateur, laissez-moi parler en détail du processus de dessin de ces interfaces utilisateur, afin que vous puissiez mieux comprendre et développer les nouveaux composants de l'interface utilisateur. LButtonSample1 First

4. 6 bibliothèques Android qui peuvent rendre votre code plus propre

10 cours recommandés sur les composants de l'interface utilisateur

Intro : Le développement sur Android est amusant - cela ne fait aucun doute. Cependant, il existe encore de nombreuses plates-formes qui nous obligent à écrire du code passe-partout répétitif et cela est en grande partie lié à l'interface utilisateur. vous devez gérer les composants liés. Il y en a dont vous avez vraiment besoin lorsque vous souhaitez que l'architecture de votre application soit propre. De nombreuses opérations se déroulent de manière asynchrone en arrière-plan ; en fait, il est facile de se retrouver avec un tas de code spaghetti illisible ou qui ne semble tout simplement pas correct.

5. Tutoriel du cadre de développement PHP Yii Framework (40) Exemple d'entrée de composant Zii

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : CJuiSliderInput affiche un curseur. Il encapsule également le plug-in de curseur JUI et peut être utilisé dans un formulaire en tant que composant d'interface utilisateur de saisie utilisateur.

6. Tutoriel du cadre de développement PHP Yii Framework (33) Exemple de composant-accordéon Zii

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : Le composant Zii contient certains composants d'interface utilisateur basés sur JQuery, qui sont définis dans le package zii.widgets.jui, notamment CJuiAccordion, CJuiAutoComplete, CJuiDatePicker, etc. Cet article présente CJuiAccordion, qui affiche un composant Accordion (un composant d'interface utilisateur qui peut être plié comme un accordéon). Ce contrôle encapsule le plug-in JUI Accordion.

7. Tutoriel du cadre de développement PHP Yii Framework (29) Exemple de menu de composants Zii

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : En plus de présenter l'interface de base de données Yii, cet article présentera les composants Zii, notamment ListView, GridView et certains composants d'interface utilisateur basés sur JQuery, tels que AutoComplete, DataPicker, Button, Glisser-déposer, etc.

8. Tutoriel du framework de développement PHP Yii Framework (28) Introduction au fournisseur de données

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : Avant de commencer à présenter les composants Zii, présentons brièvement l'interface de source de données IDataProvider prise en charge par Yii. La fonction principale de IDataProvider est de fournir des sources de données pour les composants de l'interface utilisateur tels que GridView, ListView, etc., et prend également en charge la pagination et le tri des données. L'image ci-dessous montre les trois sources de données intégrées à Yii :

9 Tutoriel du cadre de développement PHP Yii Framework (22) Composants d'interface utilisateur Introduction aux composants Zii.

10 cours recommandés sur les composants de l'interface utilisateur

Introduction : Certains des composants d'interface utilisateur pris en charge par le framework Yii ont été introduits précédemment. En plus des composants d'interface utilisateur introduits précédemment, le. Le framework Yii fournit également des composants Zii. (21) Exemple de Captcha de composant d'interface utilisateur

Introduction : le Captcha intégré de Yii peut essentiellement répondre à la plupart des besoins, si vous avez des questions sur les codes de vérification Pour des exigences particulières, vous pouvez personnaliser le Captcha, ceci10 cours recommandés sur les composants de l'interface utilisateur

[Recommandation de questions et réponses associées] :

javascript - élément Composant -ui de vuejs2.0 Le sélecteur ne peut pas afficher le contenu sélectionné

javascript - Quelles bibliothèques de composants d'interface utilisateur existe-t-il pour React ?

javascript - Quels sont les composants d'interface utilisateur utiles dans vuejs ?

javascript - un concepteur de pages (création de sites Web) basé sur React ?

javascript - Comment utiliser le composant mint-ui d'Ele.me avec le flexible.js de Taobao ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn