zoukankan      html  css  js  c++  java
  • Android 高级UI设计笔记18:实现圆角图片

    1. 下面我们经常在APP中看到的圆角图片,如下:

    再比如:微信聊天会话列表的头像是圆角的

    2. 下面分析一个Github的经典:

    (1)Github库地址:

    https://github.com/siyamed/android-shape-imageview

    (2)使用方法:

    >1. 添加依赖:

    在build.gradle(Module:app)下添加:

    compile 'com.github.siyamed:android-shape-imageview:0.9.+@aar'

    这里要注意使用的话最小版本要改成或者 以上

     

    >2. 添加完毕之后,需要重新build一下,引用资源

    效果,如下:

    >3. 布局文件中直接使用

    <com.github.siyamed.shapeimageview.RoundedImageView
        android:layout_width="300dp"
         android:layout_height="300dp"
          android:src="@drawable/super"
          app:siRadius="20dp"/>

    这里的siRadius就相当于shape.xml里面的radius属性,即控制圆角弧度。这里使用的时候引用app的资源会爆红,解决方法是在最外层布局里面给他添加上引用:

    xmlns:app="http://schemas.android.com/apk/res-auto"

    总之,如下:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        tools:context="xmpp.himi.com.shapeimageview.MainActivity">
    
        <com.github.siyamed.shapeimageview.RoundedImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:src="@drawable/super"
            app:siRadius="20dp"/>
    
        <ImageView
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:src="@drawable/super"
            />
    
    
    </LinearLayout>

    布局效果(和原来效果对比),如下:

    这里我们只给大家演示了矩形圆角,那其他的效果大家可以直接去gitHub上面去调用具体实现。

  • 相关阅读:
    5、include为应用指定多个struts配置文件
    4、struts处理流程和action的管理方式
    8、类型转换器
    7、请求参数接收
    UESTC 2014 Summer Training #6 Div.2
    Codeforces Round #FF
    css ul li去除圆点
    css a标签去除下划线
    Axure的热区元件的作用
    结组开发项目(TD学生助手)
  • 原文地址:https://www.cnblogs.com/hebao0514/p/5634077.html
Copyright © 2011-2022 走看看