欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

Android shape画圆形背景_Android实现角标布局

程序员文章站 2021-11-29 19:01:13
...

Android仿Iphone通知角标的实现、比如QQ是显示数量的角标、以及显示未读信息数量、信息等、Android允许通过xml定义资源、常见的事string、id、integer、dimen等、也可以定义一些图片资源、比如用来做几何的矢量图就非常好用、其中有许多的细节问题、具体需求可以看看google官方的api

Shape API:http://developer.android.com/guide/topics/ resources/drawable-resource.html#Shape、由于某种众所周知的原因国内访问不了developer.android.com、如果想*查看资料的可以参考我的另外一篇文章 国内如何*访问google.com

这里只实现角标的功能、上效果图

Android shape画圆形背景_Android实现角标布局

shape可以绘制矩形环形以及椭圆、所以只需要用椭圆就可以完成需求、在使用的时候将控件比如textview的高宽设置成一样就是正圆、solid表示远的填充色、stroke则代表远的边框线、所以两者结合可以实现带边缘的圆、Shape 代码


<?xml version="1.0" encoding="UTF-8"?>
<shape 
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false" >
    <solid android:color="@color/common_red" />
    <padding 
		android:left="2dp" 
		android:top="1dp" 
		android:right="2dp" 
		android:bottom="1dp" />
    <solid
        android:color="@color/common_red" />
    <stroke
        android:width="1dp"
        android:color="@android:color/white" />
    <size android:width="15dp"
          android:height="15dp" />
</shape>


把以上代码添加到drawable里面、通过background引用就可以了

<TextView
        android:id="@ id/message_category_unread_count"
        style="@style/comm_text_style_14_aaaaaa"
        android:layout_marginLeft="70dp"
        android:layout_marginTop="5dp"
        android:background="@drawable/design_red_point"
        android:gravity="center"
        android:textSize="@dimen/text_size_comment_20"
        android:text="7"
        android:textColor="@android:color/white" />


这样就可以实现android 角标布局发、希望对大家有用、最后祝大家新年快乐

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1hq4e3wo 密码: ruja