码迷,mamicode.com
首页 > 移动开发 > 详细

Android 图标右上角添加数字提醒

时间:2014-05-23 08:57:32      阅读:461      评论:0      收藏:0      [点我收藏+]

标签:android   style   class   blog   c   code   

方法一:使用开源项目ViewBadger,github上的地址:https://github.com/jgilfelt/android-viewbadger

效果如图所示:
bubuko.com,布布扣

  1. <TextView  
  2.        android:id="@+id/tv1"  
  3.        android:layout_width="wrap_content"  
  4.        android:layout_height="wrap_content"  
  5.        android:padding="15dp"  
  6.        android:text="文本1" />  
  1. <span style="font-family: Arial, Helvetica, sans-serif;"></span>  
  1. tv = (TextView) findViewById(R.id.tv1);  
  2. BadgeView badgeView = new BadgeView(MainActivity.this, tv);  //实例化BadgeView  
  3.          badgeView.setText("12");  
  4. //       badgeView.setTextSize(8.5f);  //设置文字的大小  
  5.          badgeView.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);//设置在右上角  
  6.          badgeView.setTextColor(Color.DKGRAY);  //字体的设置颜色  
  7.          badgeView.show(); //显示  

  1.   
这样就实现了上面的效果,注意引用开源项目ViewBadger时,要和新建的工程文件在同一个文件夹内,否则会出错的
 

方法二:用框架架构布局FrameLayout

效果如图所示:
bubuko.com,布布扣
布局如下:这样就可以了
  1. <FrameLayout  
  2.         android:id="@+id/frameLayout1"  
  3.         android:layout_width="wrap_content"  
  4.         android:layout_height="wrap_content" >  
  5.   
  6.         <TextView  
  7.             android:id="@+id/textView1"  
  8.             android:layout_width="wrap_content"  
  9.             android:layout_height="wrap_content"  
  10.             android:padding="10dp"  
  11.             android:text="文本2" />  
  12.   
  13.         <TextView  
  14.             android:layout_width="wrap_content"  
  15.             android:layout_height="wrap_content"  
  16.             android:layout_gravity="top|right"  
  17.             android:background="#FF0000"  
  18.             android:text="23"  
  19.             android:textColor="@android:color/white" />  
  20.   
  21.         </FrameLayout>  

Android 图标右上角添加数字提醒,布布扣,bubuko.com

Android 图标右上角添加数字提醒

标签:android   style   class   blog   c   code   

原文地址:http://www.cnblogs.com/Free-Thinker/p/3738023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!