无法创建圆形imageView

时间:2016-09-03 16:56:27

标签: android xml imageview

我正在使用第三方库(依赖项)在登录页面中制作循环ImageView,但我无法成功,即ImageView不是循环的。

这就是我的尝试。

activity_main

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/violetred"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="10dp"
    android:weightSum="1">

    <de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/imgProfilePicture"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:background="@mipmap/profile"
        app:border_color="@color/white"
        app:border_width="3dp"
        android:layout_gravity="center_horizontal"
        android:orientation="vertical" />


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:paddingLeft="20dp"
        android:paddingRight="20dp" >

        <EditText
            android:id="@+id/name"
            android:layout_width="325dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:background="@color/white"
            android:hint="@string/hint_name"
            android:padding="10dp"
            android:singleLine="true"
            android:textColor="@color/input_login"
            android:textColorHint="@color/input_login_hint" />

        <EditText
            android:id="@+id/password"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:background="@color/white"
            android:hint="@string/hint_password"
            android:inputType="textPassword"
            android:padding="10dp"
            android:singleLine="true"
            android:textColor="@color/input_login"
            android:textColorHint="@color/input_login_hint" />

        <!-- Login Button -->

        <Button
            android:id="@+id/btnLogin"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dip"
            android:background="@color/btn_login_bg"
            android:text="@string/btn_login"
            android:textColor="@color/btn_login" />

        <Button
            android:id="@+id/btnLinkToRegisterScreen"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="@null"
            android:text="Create account"
            android:textAllCaps="false"
            android:textColor="@color/white"
            android:textSize="15dp" />
    </LinearLayout></LinearLayout>

enter image description here

2 个答案:

答案 0 :(得分:0)

似乎问题是名称空间冲突

试试这个

    app:civ_border_width="3dp"
    app:civ_border_color="@color/white"

而不是这个

    app:border_color="@color/white"
    app:border_width="3dp"

答案 1 :(得分:0)

我现在不在我的电脑上,但我有一个圆形的imageview工作,但我认为是来自support.design库,你应该检查一下。当我有我的电脑时,我可以给你一个更好的答案

更新:

build.gradle上的

将此添加到dependecies

compile 'de.hdodenhof:circleimageview:2.1.0'

然后,在你的xml上:

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/image"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_weight="45"
    android:src="@drawable/image"
    android:layout_gravity="center_horizontal" />

更新2: 更好的解决方案是使用Picasso库

 Picasso.with(this)
.load(R.mipmap.profile)
.transform(new CropCircleTransformation() )
.into(ImageView);

不要忘记在gradle文件中添加库