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

android BadgeView的使用(图片上的文字提醒)

时间:2014-10-06 01:05:49      阅读:429      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   io   使用   ar   java   

BadgeView主要是继承了TextView,所以实际上就是一个TextView,底层放了一个label,可以自定义背景图,自定义背景颜色,是否显示,显示进入的动画效果以及显示的位置等等;
bubuko.com,布布扣
这是Git上的一个开源项目.
2.打开activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <ImageView
        android:id="@+id/iv"
        android:layout_width="80dp"
        android:layout_height="100dp"
        android:scaleType="fitXY" />
    <ImageView
        android:id="@+id/iv2"
        android:layout_width="80dp"
        android:layout_height="100dp"
        android:layout_marginTop="30dp"
        android:scaleType="fitXY"
        android:src="@drawable/app_logo" />
    <ImageView
        android:layout_marginTop="30dp"
        android:id="@+id/iv3"
        android:layout_width="80dp"
        android:layout_height="100dp"
        android:scaleType="fitXY"
        android:src="@drawable/app_logo" />
</LinearLayout> 

3,打开MainActivity.java
public class MainActivity extends Activity {
    private ImageView iv;
    private ImageView iv2;
    private ImageView iv3;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.iv);
        iv2 = (ImageView) findViewById(R.id.iv2);
        iv3 = (ImageView) findViewById(R.id.iv3);
        
        Bitmap b1 = getResIcon(getResources(), R.drawable.app_logo);
        Bitmap b2 = generatorContactCountIcon(b1,5);
        iv.setBackgroundDrawable(new BitmapDrawable(b2));
        
        
        BadgeView badgeView = new BadgeView(MainActivity.thisiv2);
        badgeView.setText("新消息");
        badgeView.setTextSize(8.5f);
        badgeView.setTextColor(Color.DKGRAY);
        badgeView.show();
        
        
        
        BadgeView badgeView2 = new BadgeView(MainActivity.thisiv3);
        badgeView2.setBackgroundResource(R.drawable.noread);
        badgeView2.show();
        
        
    }
    /**
     * 获取Icon对应的bitmap
     * @param res
     * @param resId
     * @return
     */
    private Bitmap getResIcon(Resources res, int resId) {
        Drawable icon = res.getDrawable(resId);
        if (icon instanceof BitmapDrawable) {
            BitmapDrawable bd = (BitmapDrawable) icon;
            return bd.getBitmap();
        } else {
            return null;
        }
    }
    /**
     * 在给定的图片的右上角加上红色提醒数量
     * 
     * @param icon
     *            给定的图片
     * @return 带联系人数量的图片
     */
    private Bitmap generatorContactCountIcon(Bitmap icon,int count) {
        // 初始化画布
        int iconSize = (int) getResources().getDimension(
                android.R.dimen.app_icon_size);
        Bitmap contactIcon = Bitmap.createBitmap(iconSize, iconSize,
                Config.ARGB_8888);
        Canvas canvas = new Canvas(contactIcon);
        // 拷贝图片
        Paint iconPaint = new Paint();
        iconPaint.setDither(true);// 防抖动
        iconPaint.setFilterBitmap(true);// 用来对Bitmap进行滤波处理,这样,当你选择Drawable时,会有抗锯齿的效果
        Rect src = new Rect(0, 0, icon.getWidth(), icon.getHeight());
        Rect dst = new Rect(0, 0, iconSize, iconSize);
        canvas.drawBitmap(icon, src, dst, iconPaint);
        // 启用抗锯齿和使用设备的文本字距
        Paint countPaint = new Paint(Paint.ANTI_ALIAS_FLAG
                | Paint.DEV_KERN_TEXT_FLAG);
        countPaint.setColor(Color.RED);
        countPaint.setTextSize(20f);
        countPaint.setTypeface(Typeface.DEFAULT_BOLD);
        canvas.drawText(String.valueOf(count), iconSize - 18, 25, countPaint);
        return contactIcon;
    }
    
    
    
} 




来自为知笔记(Wiz)


android BadgeView的使用(图片上的文字提醒)

标签:android   style   blog   http   color   io   使用   ar   java   

原文地址:http://www.cnblogs.com/aibuli/p/feee944881ce78e50dd1d3a032a292b0.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!