android顯示TextView文字的倒影效果實(shí)現(xiàn)代碼
今天記錄一下TextView的倒影效果,顯示一串文字,然后在文字的下方顯示出它的倒影,先上效果圖:
最重要的就是View中g(shù)etDrawingCache()方法,該方法可以獲取cache中的圖像,然后繪制出來。
廢話不多說,我是想寫一個帶有倒影的時間,時間可以走動。首先先寫一個帶有時間走動的View,這個很簡單,獲取當(dāng)前時間,然后開啟一個線程,隔一秒獲取當(dāng)前時間一次,然后顯示在TextView上,當(dāng)然,我們寫控件,就需要繼承TextView,代碼如下:
package com.alex.reflecttextview;
import java.util.Calendar;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.text.format.DateFormat;
import android.util.AttributeSet;
import android.widget.TextView;
public class TimeView extends TextView {
private static final int MESSAGE_TIME = 1;
public TimeView(Context context, AttributeSet attrs) {
super(context, attrs);
new TimeThread().start();
}
public class TimeThread extends Thread {
@Override
public void run() {
do {
try {
Message msg = new Message();
msg.what = MESSAGE_TIME;
mHandler.sendMessage(msg);
Thread.sleep(1000);
} catch (InterruptedException e) {
e.printStackTrace();
}
} while (true);
}
}
private Handler mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case MESSAGE_TIME:
setTime();
break;
default:
break;
}
}
};
public void setTime() {
long sysTime = System.currentTimeMillis();
Calendar calendar = Calendar.getInstance();
calendar.setTimeInMillis(sysTime);
String sysTimeStr = DateFormat.format("hh:mm", sysTime).toString();
if(calendar.get(Calendar.AM_PM) == 0) {
sysTimeStr += " AM";
} else {
sysTimeStr += " PM";
}
setText(sysTimeStr.replace("1", " 1"));
}
}
現(xiàn)在只需要在布局文件中調(diào)用該控件就可以實(shí)現(xiàn)一個走動的時間了。
第二步就是需要給這個走動的時間加上倒影了,我們就需要寫一個控件來繼承上面一個時間走動的控件,就可以實(shí)現(xiàn)帶有倒影的時間走動的View了,下面是帶有倒影的代碼:
package com.alex.reflecttextview;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Shader.TileMode;
import android.util.AttributeSet;
public class ReflectTextView extends TimeView {
private Matrix mMatrix;
private Paint mPaint;
public ReflectTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
mMatrix = new Matrix();
mMatrix.preScale(1, -1);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
setMeasuredDimension(getMeasuredWidth(), (int)(getMeasuredHeight()*1.67));
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int height = getHeight();
int width = getWidth();
setDrawingCacheEnabled(true);
Bitmap originalImage = Bitmap.createBitmap(getDrawingCache());
Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height/5, width, height/2, mMatrix, false);
canvas.drawBitmap(reflectionImage, 0, height/3f, null);
if(mPaint == null) {
mPaint = new Paint();
LinearGradient shader = new LinearGradient(0, height/2, 0,
height, 0x7fffffff, 0x0fffffff, TileMode.CLAMP);
mPaint.setShader(shader);
mPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
}
canvas.drawRect(0, height/2f, width, height, mPaint);
}
@Override
protected void onTextChanged(CharSequence text, int start,
int lengthBefore, int lengthAfter) {
super.onTextChanged(text, start, lengthBefore, lengthAfter);
buildDrawingCache();
postInvalidate();
}
}
主要功能在onDraw方法里面,先調(diào)用setDrawingCacheEnabled(true);讓cache可用,然后通過cache創(chuàng)建一個和原圖片一樣的圖像,通過mMatrix.preScale(1, -1);使圖片倒過來,調(diào)用Bitmap.createBitmap(originalImage, 0, height/5, width, height/2, mMatrix, false);創(chuàng)建一個倒過來的圖像,調(diào)用canvas.drawBitmap(reflectionImage, 0, height/3f, null);把倒過來的圖像畫到畫布上。通過調(diào)用LinearGradient shader = new LinearGradient(0, height/2, 0,
height, 0x7fffffff, 0x0fffffff, TileMode.CLAMP);
mPaint.setShader(shader);
mPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));使倒影的圖像的顏色漸變,由灰色變?yōu)楹谏?/P>
時間走動時調(diào)用buildDrawingCache();
postInvalidate();
讓倒影從新繪制。
調(diào)用setMeasuredDimension(getMeasuredWidth(), (int)(getMeasuredHeight()*1.67));設(shè)置圖像的寬度和高度。
好了,控件已經(jīng)寫完了,現(xiàn)在只要在布局中調(diào)用這個控件就可以在Activity中顯示一個帶有倒影的時間的View了,先寫一個布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
android:paddingTop="@dimen/activity_vertical_margin" >
<com.alex.reflecttextview.ReflectTextView
android:id="@+id/timeView"
android:textSize="@dimen/reflect_size"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="top|center_horizontal" />
</RelativeLayout>
然后在Activity中顯示這個布局,我把這個控件的字體從新設(shè)置了一下,讓它顯示的方方正正。
package com.alex.reflecttextview;
import android.app.Activity;
import android.graphics.Typeface;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
final Window win = getWindow();
win.addFlags(WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED
| WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD);
win.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
| WindowManager.LayoutParams.FLAG_TURN_SCREEN_ON);
setContentView(R.layout.activity_main);
TimeView tv = (TimeView) findViewById(R.id.timeView);
tv.setTypeface(Typeface.createFromAsset(getAssets(), "fonts/DS-DIGII.TTF"));
}
}
運(yùn)行代碼,手機(jī)上就回顯示一個帶有倒影的時間View,時間還會走動,是不是很好玩。
好了,就到這里吧。
源碼下載地址:http://xiazai.jb51.net/201402/yuanma/ReflectTextView(jb51.net).rar
- 控制Android LED燈顏色的代碼實(shí)例
- 詳解Android應(yīng)用層制作LED指示燈
- Android實(shí)現(xiàn)文字和圖片混排(文字環(huán)繞圖片)效果
- Android實(shí)現(xiàn)文字翻轉(zhuǎn)動畫的效果
- Android實(shí)現(xiàn)文字滾動效果
- Android自定義Dialog實(shí)現(xiàn)文字動態(tài)加載效果
- Android中使用TextView實(shí)現(xiàn)文字跑馬燈效果
- Android編程實(shí)現(xiàn)文字倒影效果的方法
- Android Shader應(yīng)用開發(fā)之霓虹閃爍文字效果
- Android編程實(shí)現(xiàn)類似天氣預(yù)報(bào)圖文字幕垂直滾動效果的方法
- Android基于ViewFilpper實(shí)現(xiàn)文字LED顯示效果示例
相關(guān)文章
Android中使用Expandablelistview實(shí)現(xiàn)微信通訊錄界面
本文主要介紹了Android中使用Expandablelistview實(shí)現(xiàn)微信通訊錄界面(完善防微信APP)的方法,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2016-12-12深入理解Android熱修復(fù)技術(shù)原理之代碼熱修復(fù)技術(shù)
在各種 Android 熱修復(fù)方案中,Andfix的即時生效令人印象深刻,它稍顯另類, 并不需要重新啟動,而是在加載補(bǔ)丁后直接對方法進(jìn)行替換就可以完成修復(fù),然而它的使用限制也遭遇到更多的質(zhì)疑2021-06-06Android使用AndroidUtilCode實(shí)現(xiàn)多語言
這篇文章主要為大家介紹了Android使用AndroidUtilCode實(shí)現(xiàn)多語言示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01Android PopupWindow使用方法小結(jié)
這篇文章主要為大家詳細(xì)介紹了Android PopupWindow使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Android ViewPager中顯示圖片與播放視頻的填坑記錄
這篇文章主要給介紹了關(guān)于Android ViewPager中顯示圖片與播放視頻的一些填坑記錄,文中通過示例代碼介紹的非常詳細(xì),對各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-05-05Kotlin新手基礎(chǔ)學(xué)習(xí)之Elvis操作符
Kotlin 是一種在 Java 虛擬機(jī)上運(yùn)行的靜態(tài)類型編程語言,被稱之為 Android 世界的Swift,由 JetBrains 設(shè)計(jì)開發(fā)并開源,下面這篇文章主要給大家介紹了關(guān)于Kotlin新手基礎(chǔ)學(xué)習(xí)之Elvis操作符的相關(guān)資料,需要的朋友可以參考下。2017-12-12