Style un Sencha touch liste des articles

Je suis à la recherche d'un exemple de comment le style d'une liste dans les résultats renvoyés par le Sencha.

Ai-je besoin de 100 de ligne de CSS personnalisé, ou il y a des styles prédéfinis j'ai besoin d'appliquer à faire de mon appli look natif de l'appareil comme?

InformationsquelleAutor MikeP | 2011-01-24
  1. 3

    Le style par défaut devraient rechercher OK: au moins, la cohérence avec le reste de la ligne de Touche de l'INTERFACE utilisateur.

    Simplement fournir un itemTpl: propriété et lier la liste dans un magasin: vous devriez voir les éléments figurant dans une liste comme:

    Style un Sencha touch liste des articles

    Bien sûr, vous pouvez élaborer sur le itemTpl autant que vous le souhaitez. Il y a aussi quelques "standard" de l'INTERFACE utilisateur des comportements tels que la divulgation des boutons et des bars index. Voir ce screencast pour exemples: http://vimeo.com/19245335

    Et enfin, bien sûr, c'est tout simplement le HTML & CSS, donc vous pouvez vous rendre complètement fou avec le style si vous le souhaitez. Vérifier: http://www.sencha.com/blog/2010/12/17/an-introduction-to-theming-sencha-touch/

    InformationsquelleAutor James Pearce
  2. 1

    L'utiliser pour faire la verticale du centre de alignées toujours:

    .x-list .x-list-item{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
    InformationsquelleAutor Swar
  3. 0

    Dans le téléchargement par défaut de Sencha Touch il y a un dossier appelé Évier de Cuisine dans les démos. Il y a un fichier css dans cette démo que vous pouvez utiliser comme un point de départ.

    Aussi, vous pouvez donner la liste ou nestedlist d'une classe avec le cls:'yourClass" et puis, dans la source de votre projet, vérifiez les divs imbriqués et leurs classes...

    Une autre option est d'utiliser le style:'background-color:black;color:white;" à l'intérieur du composant pour obtenir de base style.

    Votre meilleur pari serait de vérifier l'évier de la cuisine spéciale fichier css comme il est en retrait dans le droit chemin et très clair pour les débutants.

    InformationsquelleAutor xaddict