ANDROID SHAPE画圆形背景_ANDROID实现角标布局

ANDROID SHAPE画圆形背景_ANDROID实现角标布局

http://dwtedx.com/itshare_346.html

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

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

id="iframeu2248002_0" src="http://pos.baidu.com/rcrm?rdid=2248002&dc=2&di=u2248002&dri=0&dis=0&dai=2&ps=680x230&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1459239808758&ti=Android%20shape%E7%94%BB%E5%9C%86%E5%BD%A2%E8%83%8C%E6%99%AF_Android%E5%AE%9E%E7%8E%B0%E8%A7%92%E6%A0%87%E5%B8%83%E5%B1%80_DD%E5%8D%9A%E5%AE%A2&ari=1&dbv=2&drs=1&pcs=1440x775&pss=1440x712&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1459239808&ltu=http%3A%2F%2Fdwtedx.com%2Fitshare_346.html&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3D-UMmZr-VKZS2UMgzhq6nndhI11yki_qWdPfGWnBfug1hEBw70mjmm1mAlacCnd1C%26wd%3D%26eqid%3Db668877d0002e83c0000000656fa3b86&ecd=1&psr=1440x900&par=1440x860&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1459239809&qn=423d50177803c69f&tt=1459239808740.80.281.282" width="120" height="45" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="margin: 0px; padding: 0px; border-width: 0px; border-style: initial; outline: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit;font-size:undefined; line-height: inherit; font-family: inherit; word-wrap: break-word; vertical-align: bottom;">

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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）

或者你也可以关注我的新浪微博、了解DD博客的最新动态：http://weibo.com/dwtedx（推荐）

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: http://dwtedx.com/message_1.html

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛