quelle devrait être la taille de Tiroir Image d'en-Tête?

 public DrawerProfile(Context context) {
        super(context);
        HeaderImageView = new ImageView(context);
        HeaderImageView.setVisibility(VISIBLE);
        HeaderImageView.setScaleType(ImageView.ScaleType.CENTER);
        HeaderImageView.setImageResource(R.mipmap.drawer_background_image);
        addView(HeaderImageView);
}

Je veux ajouter une image dans le Tiroir et il doit couvrir toute la zone du tiroir d'en-tête. Je veux savoir quelle devrait être la taille de l'Image (résolution); de qui sera adapté pour tous les téléphones avec la variété de la résolution de l'écran. Comment puis-je réduire la taille de la photo?

Ici, dans cette capture d'écran, L'image d'en-tête n'est pas couvrant l'ensemble de la zone de Tiroir

InformationsquelleAutor Deepak Malhotra | 2016-08-12

26

j'ai récemment fait une application et a fait une recherche approfondie sur presque tous les Matériaux aspect de la Conception, de sorte que je tiens à partager mon expérience ici, il pourrait vous aider.

1er passer par cette merveilleux article, il vous guide à configurer Nav Tiroir avec tous les biens et les points de vue utilisé.

Image du tiroir doit être ou habituellement 16/9 de votre valeur liquidative du Tiroir largeur.
( HeaderHeight = NavDrawerWidth * 9/16 )

J'ai utilisé une image de 576x324 pixels (assez propre et agréable pic, près de 27KO) et de le mettre à l'intérieur drawable-nodpi pour éviter la mise à l'échelle automatique et des problèmes de mémoire.

- Je utiliser nav Tiroir d'une largeur de 304dp (la plupart du temps vous le trouverez, sur google apps, mais ils ont également utilisé 320dp sur certaines applications, comme Jouer de la Musique, Hangouts, etc).

Hauteur de HeaderImage probablement rester le même pour presque tous les Appareils à l'exception des tablettes.

Pour les appareils jusqu'à sw-480dp-xxxhdpi utilisation Tiroir largeur 304dp et Tête Hauteur de 170dp.

À partir de périphériques sw-600dp ci-dessus, Tiroir largeur 400dp et Tête hauteur de l'Image 225dp au moins.

C'est mon drawer_header.xml
```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/navDrawer_header_height"
    android:background="@drawable/img_navdrawer_header"
    android:gravity="bottom"
    android:orientation="vertical"
    android:padding="16dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark" >    
</LinearLayout>
```
Et c'est de cette façon que je l'ai utilisé à l'intérieur de NavigationView
```
  <android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="@dimen/nav_drawer_width"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:menu="@menu/drawer" />
```
Maintenant temps de définir leurs limites, /res/values/dimens/
```
<dimen name="nav_drawer_width">304dp</dimen>
<dimen name="navDrawer_header_height">170dp</dimen>
```
Pour les tablettes: /res/values-sw600dp/, /res/values/sw-720dp
```
<dimen name="nav_drawer_width">400dp</dimen>
<dimen name="navDrawer_header_height">225dp</dimen>
```
Espère que cela aide quelqu'un.
- dans mon projet, je ne suis pas à l'aide de xml pour elle. Comment puis-je faire la même chose en java?
- Je ne sais pas quel est le mécanisme de HeaderViewImage classe ici, vous pouvez essayer comme cela si cette classe prend en charge HeaderViewImage.setBounds(0,0, largeur en px, hauteur en px) mettre les valeurs en conséquence.
- C'est très gentil mais comparer vos valeurs à gmail/boîte de réception/d'autres applications google et vous verrez le leur tiroir largeur ne sont pas 304dp. Testé avec mon nexus 5 fois
InformationsquelleAutor Muhammad Faisal Hyder
0

Donné HeaderImageView est réglé pour correspondre à la largeur et la hauteur du Tiroir, il suffit de régler le ScaleType à FIT_CENTER ensuite votre image à l'échelle pour remplir l'ensemble de Tiroir.
- Son travail, mais encore l'image n'est pas couvrant l'ensemble du territoire. Quelle devrait être la taille de l'image?
InformationsquelleAutor Chris Stillwell
0

Règle de pouce pour une vue d'en-tête hauteur est

HeaderHeight = NavDrawerWidth * 9/16.

Donc, fondamentalement, c'est entre 140 et 169dp.

InformationsquelleAutor shekar

Utiliser le code ci-Dessous pour charger une image dans un Parent ou d'un Linéaire de la Mise en page de Navigation Tiroir en-Tête

RelativeLayout imgNavHeaderBg = navHeader.findViewById(R.id.headerRelativelayout);

imgNavHeaderBg.post(new Runnable(){
            public void run(){
                Glide.with("Your Class".this).load("URL").asBitmap().into(new SimpleTarget<Bitmap>(imgNavHeaderBg.getMeasuredWidth(), imgNavHeaderBg.getMeasuredHeight()) {
                    @Override
                    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
                        Drawable drawable = new BitmapDrawable(getResources(), resource);
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                            imgNavHeaderBg.setBackground(drawable);
                        }
                    }
                });
            }
        });

InformationsquelleAutor Samuel Adiela - SAMZY

Vous devez vous connecter pour publier un commentaire.