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上面去调用具体实现。

  • 相关阅读:
    MySql开启GTID和多线程复制功能
    MySQL自增锁等待问题解决
    MySQL超大表如何提高count速度
    MySQL如何计算重要的指标,来确定配置是否正确
    MySQL传输表空间使用方法
    用MySQL的optimizer_trace进行sql调优
    MySQL主从复制读写分离如何提高从库性能-实战
    Mongo创建文档
    Mongo索引
    Mongo开启查询日志
  • 原文地址:https://www.cnblogs.com/hebao0514/p/5634077.html
Copyright © 2011-2022 走看看