Android实现LED发光字效果

大家好,这一篇博客来教大家一个类似于LED闹钟显示屏样式的小案例,UI比较美观,文末会提供下载相关资源地址供大家下载,首先我们来看一看这个案例的运行效果。

正常运行在手机中时,效果很流畅,gif上可能是由于录制完转码的时候,速度调快了,所以看上去速度比较快,这都是小事情,接下来我们来看看源码是如何实现的。

1.代码很简单,主要是利用xml布局文件的几个属性,并且通过设置我们特定的字体就能很容易的实现我们看到的效果啦,首先我们创建一个类LedTextView继承自TextView。

public class LedTextView extends TextView {

 private static final String FONTS_FOLDER = "fonts";
 private static final String FONT_DIGITAL_7 = FONTS_FOLDER
  + File.separator + "digital-7.ttf";

 public LedTextView(Context context) {
 super(context);
 init(context);
 }

 public LedTextView(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(context);
 }

 public LedTextView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 init(context);
 }

 private void init(Context context) {
 AssetManager assets = context.getAssets();
 final Typeface font = Typeface.createFromAsset(assets,
  FONT_DIGITAL_7);
 setTypeface(font);
 }

}

这里我们设置了我们特定的字体样式digital-7.ttf。

2.下面我们看看布局文件是如何写的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:background="#000000"
 android:layout_height="match_parent">

 <com.eloancn.ledtextview.LedTextView
  android:layout_centerInParent="true"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:text="88:88:88"
  android:textColor="#3300ff00"
  android:textSize="80sp" />

 <com.eloancn.ledtextview.LedTextView
  android:layout_centerInParent="true"
  android:id="@+id/main_clock_time"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:shadowColor="#00ff00"
  android:shadowDx="0"
  android:shadowDy="0"
  android:shadowRadius="10"
  android:textColor="#00ff00"
  android:textSize="80sp" />

</RelativeLayout>

可以看到,我们主要是在上面一层的TextView控件上设置了以下几个属性

android:shadowColor="#00ff00"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="10"

并且设置了指定的颜色,这样就能实现LED发光字的效果。

3.下面我们再来看看MainActivity是如何实现的,代码很简单,主要是获取当前时间,分别截取时分秒赋给我们的textView。

public class MainActivity extends AppCompatActivity {
 private static final String DATE_FORMAT = "%02d:%02d:%02d";
 private static final int REFRESH_DELAY = 500;

 private final Handler mHandler = new Handler();
 private final Runnable mTimeRefresher = new Runnable() {
  @Override
  public void run() {
   final Date d = new Date();
   mTextView.setText(String.format(DATE_FORMAT, d.getHours(),
     d.getMinutes(), d.getSeconds()));
   mHandler.postDelayed(this, REFRESH_DELAY);
  }
 };

 private TextView mTextView;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  mTextView = (TextView) findViewById(R.id.main_clock_time);
 }

 @Override
 protected void onResume() {
  super.onResume();
  mHandler.post(mTimeRefresher);
 }

 @Override
 protected void onStop() {
  super.onStop();
  mHandler.removeCallbacks(mTimeRefresher);
 }
}

怎么样,代码是不是很简单就实现了呢,大家赶快试一试吧!

字体资源下载地址:Android实现LED发光字效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

您可能感兴趣的文章:

  • Android自定义控件打造闪闪发光字体
  • Android自定义View之边框文字、闪烁发光文字
(0)

相关推荐

  • Android自定义View之边框文字、闪烁发光文字

    对现有控件进行扩展 1.绘制如下所示的两层背景的TextView 创建BorderTextView继承TextView 在构造函数中初始化一些基本数据 //外边框 mPaint1 = new Paint(); mPaint1.setColor(getResources().getColor(android.R.color.holo_blue_bright)); //画笔的样式,充满 mPaint1.setStyle(Paint.Style.FILL); //内边框 mPaint2 = new P

  • Android自定义控件打造闪闪发光字体

    介绍 在小米的开机动画和一些欢迎界面中, 我们经常看到这种闪闪发光的流光字体.看起来很炫酷,其实实现原理相当简单,我们只需要写自定义控件继承TextView,然后使用渲染器Gradient设置颜色渐变和Paint的setShadowLayer方法设置阴影,然后不断刷新改变位移即可. 实现 首先写一个shineTextView类继承自TextView. public class ShineTextView extends TextView { // 线性渐变渲染 private LinearGra

  • Android实现LED发光字效果

    大家好,这一篇博客来教大家一个类似于LED闹钟显示屏样式的小案例,UI比较美观,文末会提供下载相关资源地址供大家下载,首先我们来看一看这个案例的运行效果. 正常运行在手机中时,效果很流畅,gif上可能是由于录制完转码的时候,速度调快了,所以看上去速度比较快,这都是小事情,接下来我们来看看源码是如何实现的. 1.代码很简单,主要是利用xml布局文件的几个属性,并且通过设置我们特定的字体就能很容易的实现我们看到的效果啦,首先我们创建一个类LedTextView继承自TextView. public

  • Android仿微信发朋友圈浏览图片效果

    先看一下效果吧: 下面就来说一下具体怎么实现的: 实现思路 1.首先我们要获取数据源,数据源就是我们的每条说说(包括姓名.标题.图片数组) 2.自定义适配器(ListView嵌套着GridView) 3.图片点击浏览图片(Fragment+ViewPager) 具体实现 1.初始化数据源,设置适配器,看一下代码: public class MyActivity extends Activity { /*图片显示列表*/ private ListView listView; /*图片URL数组*/

  • Android仿微信底部菜单栏效果

    前言 在市面上,大多数的APP都需要通过底部菜单栏来将程序的功能进行分类整理,通常都是分为3-5个大模块,从而正确有效地引导用户去使用我们的APP.实现底部菜单栏的方法也有很多种. 1.仿微信底部菜单栏(ViewPager+ImagerView+TextView) ......(其他方式后续会补充) 效果预览 首先来个开胃菜,看看实现效果: 先贴出项目所需的资源文件,这些可随个人自由更改颜色和文字 colors.xml <color name="bg_line_light_gray&quo

  • Android基于TextView属性android:ellipsize实现跑马灯效果的方法

    本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro

  • Android实现自定义的弹幕效果

    一.效果图 先来看看效果图吧~~ 二.实现原理方案 1.自定义ViewGroup-XCDanmuView,继承RelativeLayout来实现,当然也可以继承其他三大布局类哈 2.初始化若干个TextView(弹幕的item View,这里以TextView 为例,当然也可以其他了~),然后通过addView添加到自定义View中 3.通过addView添加到XCDanmuView中,位置在坐标,为了实现 从屏幕外移动进来的效果 我们还需要修改添加进来TextView的位置,以从右向左移动方向

  • Android实现图片轮播效果的两种方法

    大家在使用APP的过程中,经常会看到上部banner图片轮播的效果,那么今天我们就一起来学习一下,android中图片轮询的几种实现方法: 第一种:使用动画的方法实现:(代码繁琐) 这种发放需要:两个动画效果,一个布局,一个主类来实现,不多说了,来看代码吧: public class IamgeTrActivity extends Activity { /** Called when the activity is first created. */ public ImageView image

  • Android 类似微信登录输入框效果

    微信的登录输入框效果如下 进入自动打开自动启动软键盘 点击下一个输入框,下划线颜色改变 怎么实现这样的效果呢,其实非常简单! 简单的布局我就不说了,直接上干货. 1.实现进入自动弹出软键盘,在根文件中的Activity中设置 windowSoftInputMode 属性为 stateVisible|adjustResize 例如 <activity android:name=".SetLoginPasswordActivity" android:windowSoftInputMo

  • Android动画之3D翻转效果实现函数分析

    Android中的翻转动画效果的实现,首先看一下运行效果如上图所示. Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation. Animation动画的主要接口,其中主要定义了动画的一些属性比如开始时间,持续时间,是否重复播放等等.而Transformation中则包含一个矩阵和alpha值,矩阵是用来做平移,旋转和缩放动画的,而alpha值是用来做alpha动画的,要实现3D旋转动画

  • Android空心圆及层叠效果实现代码

    本文实例为大家分享了Android空心圆及层叠效果的具体代码,供大家参考,具体内容如下 package com.bwei.test.zidingyiview2; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import an

  • Android实现模仿UCweb菜单效果的方法

    本文实例讲述了Android实现模仿UCweb菜单效果的方法.分享给大家供大家参考.具体如下: UCWeb的菜单看起来不错,自己模仿做一个,思路实现如下: 1.保留menu按键作用 2.用popupwindow作为菜单显示容器 3.用GridView显示所有子菜单 代码如下: 1.布局文件: popupwindow.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:and

随机推荐