红色小圆点+数字的badge自定义小方法 by Nicky.Tsui

效果如图.

实现方法比较简单,在view上增加一个label label设置:

 1             badgeLabel = [[UILabel alloc]initWithFrame:CGRectMake(CGRectGetMaxX(imageView.frame)+2, -10, 20, 20)];
 2             badgeLabel.text = @"0";
 3             badgeLabel.textColor = [UIColor whiteColor];      //文字颜色
 4             badgeLabel.textAlignment = NSTextAlignmentCenter;     //居中
 5             badgeLabel.layer.borderColor = [UIColor whiteColor].CGColor;    边界白色
 6             badgeLabel.layer.borderWidth = 1.5;     //边界宽度
 7             badgeLabel.layer.cornerRadius = 10;     //这个为frame size 的一半,既变成圆形
 8             badgeLabel.layer.masksToBounds = YES;
 9             badgeLabel.layer.backgroundColor = [UIColor redColor].CGColor;  //红色背景
10             badgeLabel.font = [UIFont boldSystemFontOfSize:12];  
时间: 2024-10-13 01:11:06

红色小圆点+数字的badge自定义小方法 by Nicky.Tsui的相关文章

去除li小圆点以及解决其空格问题

不管是ul还是ol中的li前面始终有个小圆点,以前没有发现问题,都是直接给ul增加list-style:none;属性,可今天屡试不爽的属性出现问题了,上图 通过两张截图可以清晰的看到虽然小圆点去掉了,但是还是占着位置.典型的占着**不**,而且还影响视图效果,怎么办?先看看样式,里面没有margin或者padding这类的东东,然后看看盒模型,果然: 从盒模型可以看到ul有个padding,外围有margin,那就把padding去掉试试. 结果显示终于正常了,也没有占位了,完美!! 总结:修

新手导航页(小圆点

让小红点随滑动的距离而移动(有动画效果),利用ViewPager的监听事件setOnPageChangeListener来实现 //注意测量小圆点边距时要layout完才能测量,否则为0(自定义View的三个过程) public class GuideActivity extends AppCompatActivity { private ViewPager mViewPager; private ArrayList<ImageView> mImageViews;//ImageView集合 /

九度OJ 1534 数组中第K小的数字

题目1534:数组中第K小的数字 时间限制:2 秒 内存限制:128 兆 特殊判题:否 提交:1524 解决:307 题目描述: 给定两个整型数组A和B.我们将A和B中的元素两两相加可以得到数组C. 譬如A为[1,2],B为[3,4].那么由A和B中的元素两两相加得到的数组C为[4,5,5,6]. 现在给你数组A和B,求由A和B两两相加得到的数组C中,第K小的数字. 输入: 输入可能包含多个测试案例. 对于每个测试案例,输入的第一行为三个整数m,n, k(1<=m,n<=100000, 1&l

2017-05-17 js动态生成轮播图小圆点

从今天开始,把自己做的笔记转移到博客园: 今晚复习了一下动态创建轮播图小圆点做了一下小的笔记: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>2017-05-17 js动态生成轮播图小圆点</title> 6 <!-- author:ishou Mr丶Zhu --> 7

Viewpager小圆点

public class MainActivity extends Activity {    private ViewPager viewpager;    private LinearLayout l;    private int[] img = { R.drawable.q, R.drawable.w, R.drawable.e,            R.drawable.r };    private ArrayList<ImageView> dos;    private Arr

九度OJ—题目1534:数组中第K小的数字

题目描述: 给定两个整型数组A和B.我们将A和B中的元素两两相加可以得到数组C. 譬如A为[1,2],B为[3,4].那么由A和B中的元素两两相加得到的数组C为[4,5,5,6]. 现在给你数组A和B,求由A和B两两相加得到的数组C中,第K小的数字. 输入: 输入可能包含多个测试案例. 对于每个测试案例,输入的第一行为三个整数m,n, k(1<=m,n<=100000, 1<= k <= n *m):n,m代表将要输入数组A和B的长度. 紧接着两行, 分别有m和n个数, 代表数组A

banner广告及view pager 的小圆点指示器

一.主界面 package com.example.t; import android.app.Activity;import android.os.Bundle;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener; public class MainActivity extends Activity implements OnPageChan

FineUI小技巧(6)自定义页面回发

前言 FineUI中的绝大部分回发事件都是由控件触发了,比如按钮的点击事件,下拉列表的改变事件,表格的排序分页事件.但有时我们可能会要自己触发页面回发,这时就要知道怎么使用 JavaScript 来做了,当然这个过程还是 FineUI 所默认支持的AJAX. 手工调用__doPostBack函数 相信每一位使用ASP.NET WebForms的同学都知道这个著名的函数,因为几乎每个页面的源代码中都能看到他的身影: 1 <script type="text/javascript"&

纯CSS实现小圆点和三角形图案

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS制作三角形和小圆点</title> <style> .arrowbox{width:40px;height:30px;background: #000;paddin