码迷,mamicode.com
首页 > 其他好文 > 详细

按钮消息提示组件

时间:2017-05-01 16:04:36      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:bsp   image   raw   UI   效果   drawable   height   oal   ...   

Github地址:NumImageButtom

效果:

技术分享

使用方法

1.在项目的build.gradle文件做如下修改

  1. allprojects {
  2.  repositories {
  3.  ...
  4.  maven { url ‘https://jitpack.io‘ }
  5.  }
  6.  }

2.在app的build.gradle内作如下修改

  1. dependencies {
  2.  ...
  3.  compile ‘com.github.Brioal:NumImageButtom:1.0‘
  4.  ...
  5. }

提供的方法

方法xml属性作用
setTextColor(int textColor) textColor 设置字体的颜色
setNum(int num) numIndex 设置消息数量
setDrawable(Drawable drawable) imageSrc 设置显示图标
setNumBg(Drawable numBg) numBg 设置文字的背景

文字背景示例

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3.  <solid android:color="#BD014D"/>
  4.  <corners android:radius="100dp"/>
  5. </shape>

使用方法

xml布局

  1.  <com.brioal.view.NumImageButton
  2.  android:id="@+id/numImageButton1"
  3.  android:layout_width="200dp"
  4.  android:layout_height="200dp"
  5.  app:imageSrc="@mipmap/ic_launcher"
  6.  app:numBg="@drawable/round_bg_accent"
  7.  app:numIndex="11">
  8.  </com.brioal.view.NumImageButton>

代码设置

  1. mNumImageButton.setNum(10)
  2.  .setTextColor(Color.WHITE)
  3.  .setDrawable(getResources().getDrawable(R.drawable.ic_launcher))
  4.  .setNumBg(getResources().getDrawable(R.drawable.round_bg_accent));
  5.  

按钮消息提示组件

标签:bsp   image   raw   UI   效果   drawable   height   oal   ...   

原文地址:http://www.cnblogs.com/wz901881/p/6791937.html

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