Question

我尝试创建Navigation Drawer。我想在Navigation Drawer的标题中使用我的图像。

当我使用我的jpg图像并打开Navigation Drawer时，它打开速度非常慢而且无法正常工作。我也希望我的图像应该像gmail App一样以圆形显示。我已将我的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>

Answer 1

创建<script src="/assets/js/video-js/video.js.ol8.js"></script>。您可以将此库用于圆形图像。

header_layout

现在您的布局结构如下：

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>此布局。我假设您的抽屉布局文件中有inflate。

NavigationView

Answer 2

您的图片尺寸应该非常小，例如var Xray = require('x-ray'); var x = Xray(); x('http://www.viadeo.com/fr/company/unicef', '.page-content', { img:'img@src', bio:'.pan-desc-description', org:'.pan-desc-footer-element @element-value', link: ['.element-value a@href'], //twitter:'.element-value a@href' }) (function(err, title) { console.log(title) });就像120 x 120 px中的标题图片一样。并按照以下步骤进行循环

在NavDrawer依赖项

中添加以下命令

build.gradle

构建compile 'com.mikhaellopez:circularimageview:3.0.2'并添加Application而不是CircularImageView

ImageView

Answer 3

在您的gradle中使用以下库;

＆＃39;编译de.hdodenhof：circleimageview：1.3.0＆＃39;

然后将您的Imageview加载到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"     />

导航抽屉头图像

3 个答案: