怎么用vector drawable實現(xiàn)幀動畫

1. 創(chuàng)建Vector Drawable

專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)巴東免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

從相似角度來看，VectorDrawable與標(biāo)準(zhǔn)SVG圖形都是利用path值繪制完成的。不過如何利用SVG path繪制圖形并不在本篇文章的探討范圍之內(nèi)，大家可以點擊此處從W3C網(wǎng)站處獲取必要的說明資料。在本文當(dāng)中，我們只需要了解到path標(biāo)簽的作用是進(jìn)行圖形繪制即可。讓我們首先從SVG文件入手，看看以下圖形是如何被繪制出來的：

這一圖形共由五個主要部分所組成：

?一個圓角四邊形作為CPU主體，該四邊形由兩條拱狀弧線構(gòu)成。

?四組各自包含五根線條的圖形，用于充當(dāng)CPU的外延線路。

雖然看起來有點繁雜，但大家其實用不著糾結(jié)于以上代碼的具體含義，而且這完全不會影響到我們接下來要進(jìn)行的VectorDrawable繪制工作。不過需要強(qiáng)調(diào)的是，我將前面提到的五大圖形組成部分在代碼中作為獨立的區(qū)塊來處理，這是為了增強(qiáng)代碼內(nèi)容的可讀性。

首先，我們需要利用兩條拱形弧線來繪制出圓角四邊形，而在接下來的內(nèi)容中我們會探討如何分別表現(xiàn)出上、下、左、右四個方位的外延線條。為了將上述SVG代碼轉(zhuǎn)化為VectorDrawable，大家首先需要在XML當(dāng)中定義vector對象。以下代碼提取自本篇文章示例代碼當(dāng)中的vector_drawable_cpu.xml文件。

vector xmlns:android="" android:height="64dp" android:width="64dp" android:viewportHeight="600" android:viewportWidth="600" /vector

在此之后，大家可以向其中添加path數(shù)據(jù)。下列代碼同樣被拆分成了五個不同的path標(biāo)簽而非將其作為整體處理，這當(dāng)然也是為了保證內(nèi)容的可讀性。

正如大家所見，每個path片段都只需要利用pathData屬性進(jìn)行繪制?，F(xiàn)在我們可以將VectorDrawable XML文件作為一個可繪制對象納入到標(biāo)準(zhǔn)ImageView當(dāng)中，而且其能夠根據(jù)應(yīng)用程序的實際需要任意進(jìn)行尺寸縮放——完全不需要再修改任何Java代碼。

2. 為Vector Drawables添加動畫效果

現(xiàn)在我們已經(jīng)了解了如何以純代碼方式創(chuàng)建圖形，接下來要做的是找點樂子——為其添加動畫效果。在以下動畫中，大家會發(fā)現(xiàn)作為延伸線路的各組線條會不斷指向并遠(yuǎn)離CPU本體進(jìn)行移動。

為了達(dá)到這一目標(biāo)，大家需要將包含動畫效果的每個片段包含在一個group標(biāo)簽當(dāng)中。

接下來，我們需要為每個動畫類型創(chuàng)建animator文件。在本次示例中，每組線路各使用一個animator，這就意味著共需要四個animator。以下代碼所示為上方線路的動畫效果，大家還需要為下、左、右線路設(shè)定類似的效果。每個animator XML文件都被包含在了本項目的示例代碼當(dāng)中。

如大家所見，propertyName被設(shè)定為translateY，這意味著該動畫將沿Y軸方向移動。而valueFrom與valueTo則控制著位移的起點與終點。通過將repeatMode設(shè)置為reverse而repeatCount設(shè)置為infinite，整個動畫會一直循環(huán)下去，其效果則在VectorDrawable處體現(xiàn)出來。該動畫的duration被設(shè)定為250，其時長單位為毫秒。

為了將該動畫應(yīng)用到自己的可繪制文件當(dāng)中，大家需要創(chuàng)建一個新的animated-vector XML文件，從而將這些animator分配給各VectorDrawable組。以下代碼的作用是創(chuàng)建該animated_cpu.xml文件。

?xml version="1.0" encoding="utf-8"? animated-vector xmlns:android="" android:drawable="@drawable/vector_drawable_cpu" target android:animation="@animator/pulse_top" android:name="top" / target android:animation="@animator/pulse_right" android:name="right" / target android:animation="@animator/pulse_left" android:name="left" / target android:animation="@animator/pulse_bottom" android:name="bottom" / /animated-vector

當(dāng)所有必要的XML文件都已經(jīng)準(zhǔn)備完成后，大家就可以將animated_cpu.xml加入到ImageView當(dāng)中進(jìn)行顯示了。

求java做動畫代碼

import?java.awt.Canvas;

import?java.awt.Color;

import?java.awt.Dimension;

import?java.awt.EventQueue;

import?java.awt.Frame;

import?java.awt.Graphics;

import?java.awt.Graphics2D;

import?java.awt.Image;

import?java.awt.RenderingHints;

import?java.awt.event.KeyEvent;

import?java.awt.event.KeyListener;

import?java.awt.event.WindowAdapter;

import?java.awt.event.WindowEvent;

import?java.awt.image.BufferedImage;

import?java.io.File;

import?java.io.IOException;

import?javax.imageio.ImageIO;

public?class?TestImage?extends?Frame

{

private?static?final?long?serialVersionUID?=?1L;

private?static?boolean?PRESSED?=?false;

private?static?int?pointX?=?0;

private?static?int?pointy?=?200;

private?static?int?RIGHT_GO?=?0;

private?static?int?LEFT_GO?=?0;

private?static?int?DIR?=?0;

private?static?int?ANGLE?=?0;

private?static?int?W?=?50;

private?static?int?H?=?60;

private?_Canvas?canvas?=?null;

public?TestImage?()

{

add?(canvas?=?new?_Canvas?());

setIgnoreRepaint?(true);

requestFocus?();

}

public?class?_Canvas?extends?Canvas?implements?Runnable

{

private?static?final?long?serialVersionUID?=?1L;

private?BufferedImage?bi?=?null;

private?Image?bufferedImage?=?null;

private?Thread?thread?=?null;

private?long?sleepTime?=?10;

public?_Canvas?()

{

try

{

bi?=?ImageIO.read?(new?File?("go.png"));

}

catch?(IOException?e)

{}

setBackground?(Color.BLACK);

requestFocus?();

addKeyListener?(new?KeyListener?()

{

@Override

public?void?keyTyped?(?KeyEvent?e?)

{}

@Override

public?void?keyReleased?(?KeyEvent?e?)

{

RIGHT_GO?=?0;

PRESSED?=?false;

}

@Override

public?void?keyPressed?(?KeyEvent?e?)

{

//?38?40?37?39上下左右

DIR?=?e.getKeyCode?();

PRESSED?=?true;

}

});

}

@Override

public?void?paint?(?Graphics?g?)

{

Graphics2D?g2d?=?(Graphics2D)?g;

g2d.setRenderingHint?(RenderingHints.KEY_INTERPOLATION,?RenderingHints.VALUE_INTERPOLATION_BILINEAR);

g2d.drawImage?(rotateImage?(bi.getSubimage?(RIGHT_GO,?LEFT_GO,?W,?H),?ANGLE,?true),?pointX,?pointy,?W,?H,

this);

g2d.dispose?();

}

@Override

public?void?update?(?Graphics?g?)

{

if?(null?==?bufferedImage)

{

bufferedImage?=?createImage?(getWidth?(),?getHeight?());

}

Graphics?bufferedG?=?bufferedImage.getGraphics?();

bufferedG.clearRect?(0,?0,?getWidth?(),?getHeight?());

paint?(bufferedG);

bufferedG.dispose?();

g.drawImage?(bufferedImage,?0,?0,?this);

g.dispose?();

}

public?void?start?()

{

thread?=?new?Thread?(this);

thread.setName?("TestImage");

thread.setPriority?(Thread.MIN_PRIORITY);

thread.start?();

}

public?synchronized?void?stop?()

{

thread?=?null;

notify?();

}

@Override

public?void?run?()

{

Thread?me?=?Thread.currentThread?();

while?(thread?==?me??!isShowing?()?||?getSize?().width?==?0)

{

try

{

Thread.sleep?(555);

}

catch?(InterruptedException?e)

{

return;

}

}

while?(thread?==?me??isShowing?())

{

if?(PRESSED)

{

try

{

if?(DIR?==?39)

{

RIGHT_GO?=?RIGHT_GO?+?50;

LEFT_GO?=?0;

pointX?=?pointX?+?1;

if?(pointX??420)

{

ANGLE?=?90;

pointX--;

pointy--;

W?=?60;

H?=?50;

}

if?(RIGHT_GO??50)

{

RIGHT_GO?=?0;

}

}

else?if?(DIR?==?37)

{

pointX?=?pointX?-?1;

RIGHT_GO?=?RIGHT_GO?+?50;

LEFT_GO?=?60;

if?(pointX??0)

{

ANGLE?=?-90;

pointX++;

pointy--;

W?=?60;

H?=?50;

}

if?(RIGHT_GO??50)

{

RIGHT_GO?=?0;

}

}

else?if?(DIR?==?38)

{

W?=?50;

H?=?60;

pointy?=?150;

ANGLE?=?0;

RIGHT_GO?=?100;

}

else?if?(DIR?==?40)

{

W?=?50;

H?=?60;

ANGLE?=?0;

pointy?=?200;

RIGHT_GO?=?0;

}

Thread.sleep?(sleepTime);

repaint?();

}

catch?(InterruptedException?e)

{

break;

}

}

else

{

RIGHT_GO?=?RIGHT_GO?+?50;

LEFT_GO?=?0;

pointX?=?pointX?+?1;

if?(RIGHT_GO??50)

{

RIGHT_GO?=?0;

}

if?(pointX??500)

{

pointX?=?0;

}

try

{

Thread.sleep?(sleepTime);

repaint?();

}

catch?(InterruptedException?e)

{

break;

}

}

}

thread?=?null;

}

}

/**

?*?旋轉(zhuǎn)圖像為指定角度

?*?

?*?@param?degree

?*?@return

?*/

public?static?BufferedImage?rotateImage?(?final?BufferedImage?image,?final?int?angdeg,?final?boolean?d?)

{

int?w?=?image.getWidth?();

int?h?=?image.getHeight?();

int?type?=?image.getColorModel?().getTransparency?();

BufferedImage?img;

Graphics2D?graphics2d;

(?graphics2d?=?(?img?=?new?BufferedImage?(w,?h,?type)?).createGraphics?()?).setRenderingHint?(

RenderingHints.KEY_INTERPOLATION,?RenderingHints.VALUE_INTERPOLATION_BILINEAR);

graphics2d.rotate?(d???-Math.toRadians?(angdeg)?:?Math.toRadians?(angdeg),?w?/?2,?h?/?2);

graphics2d.drawImage?(image,?0,?0,?null);

graphics2d.dispose?();

return?img;

}

public?static?void?main?(?String[]?args?)

{

EventQueue.invokeLater?(new?Runnable?()

{

@Override

public?void?run?()

{

final?TestImage?ti?=?new?TestImage?();

ti.setSize?(new?Dimension?(500,?300));

ti.setLocationRelativeTo?(null);

ti.addWindowListener?(new?WindowAdapter?()

{

@Override

public?void?windowClosing?(?WindowEvent?e?)

{

System.exit?(0);

}

@Override

public?void?windowDeiconified?(?WindowEvent?e?)

{

ti.canvas.start?();

}

@Override

public?void?windowIconified?(?WindowEvent?e?)

{

ti.canvas.stop?();

}

});

ti.setResizable?(false);

ti.canvas.start?();

ti.setVisible?(true);

}

});

}

}

Java編程實現(xiàn)一個能循環(huán)地自左向右移動的動畫程序。

效果圖

參考代碼

import?java.awt.*;

import?java.awt.event.*;

import?javax.swing.*;

public?class?MoveTextFrame?extends?JFrame?{

JLabel?jl;//文字標(biāo)簽

int?speed=2;//移動速度

public?MoveTextFrame()?{

jl?=?new?JLabel("文字動畫");

jl.setForeground(Color.RED);

add(jl);

setSize(380,?100);//窗口大小

setLocationRelativeTo(null);//窗口居中

setResizable(false);

setDefaultCloseOperation(EXIT_ON_CLOSE);

setVisible(true);

//設(shè)置定時器,?每隔25毫秒,改變一次文字標(biāo)簽的位置

Timer?t?=?new?Timer(25,?new?ActionListener()?{

public?void?actionPerformed(ActionEvent?e)?{

int?x?=?jl.getX()+speed;//計算移動后的位置

if(x=390){//如果超過就指定像素,就重新從左邊開水移動

x=-30;

}

jl.setLocation(x,?jl.getY());//更新位置

//repaint();

}

});

t.start();

}

public?static?void?main(String[]?args)?{

new?MoveTextFrame();

}

}

java 動畫閃爍，怎么解決？代碼有130來行，百度傳不上，求高手留郵箱，我發(fā)。

我記得雙緩存，就是畫的時候在一張全新的Graphics上畫，畫好后直接覆蓋就可以了。好多年前的事情了，記不起來了。

2.Java有哪幾種常見的實現(xiàn)動畫的方法?

一: 用多線程播放一組圖片, 實現(xiàn)動畫片的效果; 類似于逐幀動畫,每個圖片是動畫的一幀

二: 在awt/swing界面里, 可以使用paint方法,去繪制圖形,然后用swing提供的Timer或者多線程技術(shù),去刷新繪制的圖形

三:在JavaFX里, 本身就支持動畫,并且封裝了很多動畫效果可以直接使用,比如逐幀動畫.縮放動畫,漸變動畫,旋轉(zhuǎn)動畫,位置動畫等.

強(qiáng)烈推薦使用javaFX來實現(xiàn)動畫, 因為javaFX是現(xiàn)代化的圖形界面工具,具有簡單,強(qiáng)大,組件豐富,跨平臺,支持Html5, 支持表格, 支持動畫等多種優(yōu)勢?

下面是一個javaFX繪制的動態(tài)表格

javaFX動態(tài)表格

本文標(biāo)題：java實現(xiàn)幀動畫的代碼 創(chuàng)建幀動畫
當(dāng)前地址：http://aaarwkj.com/article40/doodeho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、域名注冊、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)