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

【问题标题】：android.support.v4.widget.CircleImageView does not workandroid.support.v4.widget.CircleImageView 不起作用
【发布时间】：2015-08-01 12:51:31
【问题描述】：

当我尝试使用： 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

【问题讨论】：

这是我的 logcat 我的朋友
有没有使用这个新小部件的例子

标签： android geometry material-design

【解决方案1】：

CircleImageView 是支持库的私有类，不能使用。但是如果没有CircleImageView，自己也很容易创建这种效果。你只需要定义一个<shape /> drawable，中间有一个透明的圆圈，类似于：

<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 中，如下所示：

<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！

【讨论】：

@MaherIsmaail 你不能像那样编辑别人的答案。我现在已经回滚了编辑。

【解决方案2】：

CircleImageView 是来自v4 的私有类，所以基本上你不能使用它。它在内部用于在SwipeRefreshLayout 中渲染进度圈，但并不是要自己膨胀。

参考here。

【讨论】：

在 SwipeRefreshLayout 内部使用。如果您只需要带有圆形轮廓的图像视图，那么这里有很多关于 SO 的问题。

【解决方案3】：

我找到了 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

【讨论】：

在那个链接中我没有看到要下载的库，只有源代码。您能否详细说明如何将此自定义视图添加到应用程序？
@Zvi 你必须使用 gradle。这里提到了github.com/hdodenhof/CircleImageView#gradle
@Abhishek 我知道，我已经添加到我的 gradle 'compile'de.hdodenhof:circleimageview:2.0.0''。但它需要一个用于 circleimageview 的文件（可能是一个 jar 或一个库）。不是吗？
@Zvi just do project build gradle 会自动将所需文件添加到您的项目中。
将app:border_width="2dp" app:border_color="@color/white" 替换为app:civ_border_width="2dp" app:civ_border_color="@color/white" 工作

【解决方案4】：

这对我有用

xml 布局：

  <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"
            />

Java 代码：

CircleImageView pic = (de.hdodenhof.circleimageview.CircleImageView)rootView.findViewById(R.id.picid);

【讨论】：

它是一个第三方库示例...问题即将android.support.v4.widget.CircleImageView

【解决方案5】：

如果你想使用原生风格，只需使用这个 sn-p

            <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>

【讨论】：

你的回答是好技巧。但是android:shape="ring" 在这里什么也不做。只需输入app:cardCornerRadius="1000dp"（放得更高）就可以了。 你应该得到更高的支持。
哦，我从来不知道这个属性！很酷的东西！
它有效，但有一点需要说明。添加此项以在 RecyclerView 项目上显示多个圆圈可能会对性能产生影响。所以要小心。但无论如何，这是一个不错的解决方案

【解决方案6】：

依赖：

compile 'de.hdodenhof:circleimageview:2.0.0'

代码：

<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】：

简单添加：在这里将最新的库版本2.0.0更改为2.2.0

dependencies {

 implementation 'de.hdodenhof:circleimageview:2.2.0'

}

【讨论】：

我试过最新版的circleimageview 还是不行。
你可以试试看：

【解决方案8】：

只需重建项目

构建 ===> 清除项目
构建 ===> 重建项目

如果不起作用
文件 ===> 失效的 Cahses / 重新启动

然后它会工作。

【讨论】：