Android personnalisé Vues dans Eclipse, Visual Editor

Dans mes applications, j'ai souvent compter sur la coutume construire des points de vue, comme dans l'exemple suivant.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" 
android:background="@color/light_grey"
android:layout_height="match_parent" 
android:layout_width="fill_parent" >

<TextView 
 style="@style/CardTitle" 
 android:id="@+id/card_title"
 android:layout_height="wrap_content" 
 android:layout_width="fill_parent"      
 />  

<com.whiterabbit.cards.ui.AspectRatioImageView
    android:id="@+id/card_picture"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:layout_marginLeft="30dip"
    android:layout_marginRight="30dip"       
    android:src="@drawable/boss"
    />



<ListView 
    android:id="@+id/card_properties" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"

/>

Le problème est, je ne sais pas si il sera correctement affiché jusqu'à ce que je l'exécute sur un périphérique réel ou sur l'émulateur. De plus, si j'ai trouvé quelque chose de mal, je dois effectuer des modifications sur elle et déployer l'application à nouveau pour voir si les changements fonctionné comme prévu.

Cela peut être long et ennuyeux, surtout si l'application requiert une interaction pour se rendre à l'activité que vous souhaitez vérifier.

À l'aide de l'éditeur visuel ne fonctionne pas comme il est impossible de charger la vue personnalisée.

Est-il un autre moyen de vérifier la manière dont les vues sont affichées sans courir à travers toute l'application?

Merci @Blundell pour la révision de ma question

OriginalL'auteur fedepaol | 2012-05-24

54

Vous pouvez le faire dans votre Affichage Personnalisé:
```
if(!isInEditMode()){
   //Your custom code that is not letting the Visual Editor draw properly
   //i.e. thread spawning or other things in the constructor
}
```
http://developer.android.com/reference/android/view/View.html#isInEditMode()

Cela vous permet de cacher du code de l'ADT Plugin XML Viewer et nous espérons vous présenter une mise en page!

Vue.isInEditMode()

Indique si ce point de Vue est actuellement en mode édition. Une Vue est
généralement en mode d'édition lors de l'affichage dans un outil de développement. Pour
exemple, si ce point de Vue est d'être attiré par une interface visuelle pour l'utilisateur
constructeur, cette méthode doit retourner true. Les sous-classes doivent vérifier l'
valeur de retour de cette méthode à des comportements différents si leurs
comportement normal pourrait interférer avec l'environnement hôte. Pour
exemple: la classe engendre un thread dans son constructeur, le dessin
le code s'appuie sur le dispositif de fonctionnalités spécifiques, etc. Cette méthode est généralement
vérifié dans le code de dessin de widgets personnalisés.

OriginalL'auteur Blundell
0

Vous pouvez créer un squelette d'activité qui se charge juste de la vue que vous souhaitez voir et de le remplir avec assez de données pour faire afficher.

OriginalL'auteur cstrutton

Je suis à l'aide d'Android Studio, donc je ne suis pas sûr que cette réponse s'applique à votre cas.

Je pense que vous pourriez remplacer la méthode onDraw dans la vue personnalisée, à l'instar de cet exemple gardant le ratio d'aspect de l'intérieur de l'image:

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //TODO: consider storing these as member variables to reduce
    //allocations per draw cycle.
    int paddingLeft = getPaddingLeft();
    int paddingTop = getPaddingTop();
    int paddingRight = getPaddingRight();
    int paddingBottom = getPaddingBottom();

    int w = getWidth() - paddingLeft - paddingRight;
    int h = getHeight() - paddingTop - paddingBottom;

    w = w<h ? w : h;
    h = w;

    //Draw the example drawable on top of the text.
    if (dieDrawable != null) {
        dieDrawable.setBounds(paddingLeft, paddingTop,
        paddingLeft + w, paddingTop + h);
        dieDrawable.draw(canvas);
    }
}

Cette méthode fonctionne à la fois dans l'émulateur et le concepteur.

Il fonctionne aussi bien pour tout événement qui retrace la vue (onSizeChanged, onLayout, etc...)

OriginalL'auteur Luis Sieira

Vous devez vous connecter pour publier un commentaire.