android.support.v4.widget.CircleImageView不起作用

时间:2015-05-20 10:22:40

标签: android geometry material-design

当我尝试使用时: android.support.v4.widget.CircleImageView

        <android.support.v4.widget.CircleImageView
                android:id="@+id/picture"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:src="@drawable/ic_bg" />

它使我的应用程序崩溃

如何支持新的Material Design Widget CircleImageView

是否有任何使用此新窗口小部件的示例

logcat的

  java.lang.RuntimeException: Unable to start activity ComponentInfo{com.vogella.android.recyclerview/com.vogella.android.recyclerview.MainActivity}: android.view.InflateException: Binary XML file line #9: Error inflating class android.support.v4.widget.CircleImageView
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2255)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2309)
        at android.app.ActivityThread.access$700(ActivityThread.java:157)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1289)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:176)
        at android.app.ActivityThread.main(ActivityThread.java:5317)
        at java.lang.reflect.Method.invokeNative(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:511)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1102)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:869)
        at dalvik.system.NativeStart.main(Native Method)
 Caused by: android.view.InflateException: Binary XML file line #9: Error inflating class android.support.v4.widget.CircleImageView
        at

8 个答案:

答案 0 :(得分:54)

CircleImageView是支持库的私有类,无法使用。但是如果没有CircleImageView,很容易自己创建这种效果。您只需要在中间定义一个<shape />可绘制的透明圆圈,类似于:

<shape
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="1"
    android:useLevel="false" >

    <solid android:color="@android:color/transparent" />

    <stroke
        android:width="100dp"
        android:color="#FFFFFFFF" />
</shape>

之后,只需将ImageView中显示的图片与<shape />中的LayerList drawable组合在一起,如下所示:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/your_image" />
    <item android:drawable="@drawable/circle" />
</layer-list>

如果要显示的图像是动态图像,则可以通过编程方式创建LayerList

答案 1 :(得分:46)

我找到了android.support.v4.widget.CircleImageView。

的替代品
<de.hdodenhof.circleimageview.CircleImageView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/meal_image_order"
android:layout_width="96dp"
android:layout_height="96dp"
android:src="@drawable/menu1"
app:civ_border_width="2dp"
app:civ_border_color="@color/white"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true" />

图书馆链接:https://github.com/hdodenhof/CircleImageView

答案 2 :(得分:18)

CircleImageView是来自v4的私人课程,所以基本上你不能使用它。它在内部用于在SwipeRefreshLayout中呈现进度循环,但并不意味着自己夸大。

请参阅here以供参考。

答案 3 :(得分:8)

如果您想以原生样式进行,请使用此代码段

            <android.support.v7.widget.CardView
                android:id="@+id/view2"
                android:layout_width="45dp"
                android:layout_height="45dp"
                android:background="#ffffff"
                android:shape="ring"
                app:cardCornerRadius="23dp">

                <ImageView
                    android:id="@+id/profile_img_post"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_alignParentTop="true"
                    android:layout_centerHorizontal="true"
                    android:scaleType="centerCrop"
                    android:src="@drawable/test_img"></ImageView>
            </android.support.v7.widget.CardView>

答案 4 :(得分:3)

这对我有用

xml layout:

Error in FUN(...) : unused argument (format = "%Y")

Java代码:

  <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/picid"
            android:layout_width="270dp"
            android:layout_height="270dp"
            android:src="@drawable/avatar_small"
            android:layout_marginTop="25dp"
            />

答案 5 :(得分:3)

简单添加:在此处将最新的库版本2.0.0更改为2.2.0

dependencies {

 implementation 'de.hdodenhof:circleimageview:2.2.0'

}

答案 6 :(得分:0)

1. Use this dependency:  compile 'de.hdodenhof:circleimageview:2.0.0'
2. Use this code: -
    <de.hdodenhof.circleimageview.CircleImageView
                   android:id="@+id/iv_circle"
                   android:layout_width="96dp"
                   android:layout_height="96dp"
                   android:layout_alignParentLeft="true"
                   android:layout_alignParentTop="true"
                   android:src="@drawable/thumb"
                   app:border_color="@color/white"
                   app:border_width="2dp" />

答案 7 :(得分:0)

只需重建项目
 -构建===>清除项目
 -构建===>重新构建项目

,如果不行
File ===> Invaildate Cahses /重新启动


 
然后它将起作用