Android 导航抽屉标题图像

我尝试创建一个

导航抽屉

。我想使用

导航抽屉

标题中的图像

当我使用jpg图像并打开

导航抽屉

时，它的打开速度非常慢，无法正常工作。我也希望我的图片能像gmail应用程序一样显示在圆圈里。我已将我的jpeg图像放入500kb大小的

drawable

文件夹中

如何解决这个问题

header.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="190dp">

   <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:id="@+id/headerImage"
        android:scaleType="centerCrop"
        android:src="@drawable/avina"/>

   <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/headerImage"
        android:id="@+id/headertext"
        android:text="Avinash"
        android:textSize="20sp"/>
</RelativeLayout> 

---

您的图像大小应该非常小，例如

120x120px

作为

NavDrawer

中的标题图像就足够了。 要使其循环，请遵循以下步骤

在

build.gradle

依赖项中添加以下命令

compile 'com.mikhaellopez:circularimageview:3.0.2'

构建

应用程序

并添加

CircularImageView

而不是

ImageView

<com.mikhaellopez.circularimageview.CircularImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:id="@+id/headerImage"
        android:scaleType="centerCrop"
        android:src="@drawable/avina"
        app:civ_border_color="#EEEEEE"
        app:civ_border_width="4dp"
        app:civ_shadow="true"
        app:civ_shadow_radius="10"
        app:civ_shadow_color="#8BC34A"/>

---

创建

标题\u布局

。您可以将此库用于圆形图像

compile 'de.hdodenhof:circleimageview:2.1.0'

现在，您的布局结构如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="304dp"
android:layout_height="172dp"
android:orientation="vertical">

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/circularImageId"
    android:layout_width="64dp"
    android:layout_height="64dp"
    android:layout_marginStart="16dp"
    android:layout_marginTop="40dp"
    android:src="@drawable/taplejung_nepal" />

<TextView
    android:id="@+id/loginTextId"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="16dp"
    android:layout_marginStart="16dp"
    android:layout_marginTop="20dp"
    android:fontFamily="sans-serif"
    android:text="@string/log_in"
    android:textColor="@color/colorWhite"
    android:textSize="14sp"
    android:textStyle="bold" />
</LinearLayout>

---

在你的梯度中使用下面的库

'编译'de.hdodenhof:circleimageview:1.3.0'

然后加载xml格式的Imageview

<de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:src="@drawable/your_picture"     />

---

It显示错误E:\AndroidProject\Avinash\app\src\main\res\layout\header.xml错误：（6）解析xml时出错：未绑定前缀

<de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:src="@drawable/your_picture"     />