Android shape画圆形背景_Android实现角标布局
2015-02-17 11:55:05  By: dwtedx

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可以绘制矩形环形以及椭圆、所以只需要用椭圆就可以完成需求、在使用的时候将控件比如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博客的最新动态:DD博客官方微博(dwtedx的微博)

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

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

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


快速评论


技术评论

DD记账
top
+