簡(jiǎn)述Android 中樣式文件使用步驟

在Eclipse中android程序項(xiàng)目目錄結(jié)構(gòu)下的res文件夾新建drawable文件夾，并在drawable文件夾下新建各類(lèi)的xml樣式文件，供layout文件夾下的xml布局文件引用，以滿足對(duì)程序界面的需求開(kāi)發(fā)。如圖1和圖2是drawable下xml樣式文件的樣式類(lèi)型。

?

圖1、drawable下xml樣式文件的樣式類(lèi)型（一）

?

圖2、drawable下xml樣式文件的樣式類(lèi)型（二）

接下來(lái)我們要詳細(xì)解析以下各類(lèi)xml樣式文件的作用及其使用方法，請(qǐng)點(diǎn)擊目錄查看相應(yīng)解析。

2、animation-list

使用animation-list樣式可以實(shí)現(xiàn)逐幀動(dòng)畫(huà)效果，例如WiFi網(wǎng)絡(luò)信號(hào)的強(qiáng)弱表示或者語(yǔ)音聊天聲音的強(qiáng)弱表示，分為增強(qiáng)和減弱兩種逐幀動(dòng)畫(huà)效果。?

首先是放置圖片素材，如圖3所示。將其根據(jù)屏幕分辨率大小分別放一套圖片到不同屏幕分辨率的drawable文件夾下，android系統(tǒng)會(huì)根據(jù)機(jī)器的屏幕分辨率到相應(yīng)屏幕分辨率的drawable文件夾里面去找相應(yīng)的圖片素材，以兼容不同屏幕分辨率的安卓機(jī)器屏幕。

圖3、iv1到iv4?

其次是信號(hào)增強(qiáng)即圖片順序 的效果，在drawable下新建animation_list_sequence.xml樣式文件。

?xml version="1.0" encoding="utf-8"?!--

根標(biāo)簽為animation-list；

其中oneshot代表著是否只展示一遍，設(shè)置為false會(huì)不停的循環(huán) 動(dòng)畫(huà)；

其中visible規(guī)定drawable的初始可見(jiàn)性，默認(rèn)為flase；

其中variablePadding若為true則允許drawable的距離在當(dāng)前選擇狀態(tài)下有所改變（If true, allows the drawable’s padding to change based on the current state that is selected.），默認(rèn)為false；

根標(biāo)簽下，通過(guò)item標(biāo)簽對(duì)動(dòng)畫(huà)中的每一個(gè)圖片進(jìn)行聲明；

android:duration 表示展示所用的該圖片的時(shí)間長(zhǎng)度，單位為毫秒；

--animation-list ?xmlns:android=""

android:oneshot="true"

android:visible="false"

android:variablePadding="false"

item android:drawable="@drawable/iv1" android:duration="200"/item

item android:drawable="@drawable/iv2" android:duration="200"/item

item android:drawable="@drawable/iv3" android:duration="200"/item

item android:drawable="@drawable/iv4" android:duration="200"/item/animation-list1234567891011121314151617181920

再者是信號(hào)增強(qiáng)即圖片順序 的效果，在drawable下新建animation_list_reverse.xml樣式文件。

?xml version="1.0" encoding="utf-8"?!--

根標(biāo)簽為animation-list；

其中oneshot代表著是否只展示一遍，設(shè)置為false會(huì)不停的循環(huán) 動(dòng)畫(huà)；

其中visible規(guī)定drawable的初始可見(jiàn)性，默認(rèn)為flase；

其中variablePadding若為true則允許drawable的距離在當(dāng)前選擇狀態(tài)下有所改變（If true, allows the drawable’s padding to change based on the current state that is selected.），默認(rèn)為false；

根標(biāo)簽下，通過(guò)item標(biāo)簽對(duì)動(dòng)畫(huà)中的每一個(gè)圖片進(jìn)行聲明；

android:duration 表示展示所用的該圖片的時(shí)間長(zhǎng)度，單位為毫秒；

--animation-list ?xmlns:android=""

android:oneshot="true"

android:visible="false"

android:variablePadding="false"

item android:drawable="@drawable/iv4" android:duration="200"/item

item android:drawable="@drawable/iv3" android:duration="200"/item

item android:drawable="@drawable/iv2" android:duration="200"/item

item android:drawable="@drawable/iv1" android:duration="200"/item/animation-list1234567891011121314151617181920

然后在layout文件夾下新建xml布局文件activity_animation_list.xml，引用上面寫(xiě)好的drawable文件夾下的xml樣式文件。

?xml version="1.0" encoding="utf-8"?LinearLayout xmlns:android=""

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

ImageView ? ? ? ?android:id="@+id/iv_animation_list"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:src="@drawable/animation_list_sequence" /

Button ? ? ? ?android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:onClick="sequence"

android:text="順序顯示" /

Button ? ? ? ?android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:onClick="stop"

android:text="停止動(dòng)畫(huà)" /

Button ? ? ? ?android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:onClick="reverse"

android:text="倒序顯示" //LinearLayout12345678910111213141516171819202122232425262728293031

然后在src包下新建Activity的Java文件AnimationListActivity.java，用于演示操作。

package com.zcz.drawablexmltest;import android.app.Activity;import android.graphics.drawable.AnimationDrawable;import android.os.Bundle;import android.view.View;import android.view.Window;import android.widget.ImageView;public class AnimationListActivity extends Activity{

private ImageView mIv;

private AnimationDrawable mAd;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_animation_list);

mIv = (ImageView) findViewById(R.id.iv_animation_list);

} ?

public void sequence(View view){

mIv.setImageResource(R.drawable.animation_list_sequence);

mAd = (AnimationDrawable) mIv.getDrawable();

mAd.start();

} ? ?public void stop(View view){

mAd = (AnimationDrawable) mIv.getDrawable();

mAd.stop();

} ? ?public void reverse(View view){

mIv.setImageResource(R.drawable.animation_list_reverse);

mAd = (AnimationDrawable) mIv.getDrawable();

mAd.start();

}

}

手機(jī)怎樣找免費(fèi)素材

匹克匹克

PickPik是AI智能分類(lèi)的無(wú)版權(quán)圖片分享網(wǎng)站。為了獲得更好的搜索結(jié)果，這個(gè)網(wǎng)站中的每張照片都是人工命名的，團(tuán)隊(duì)還開(kāi)發(fā)了一個(gè)智能AI神經(jīng)網(wǎng)絡(luò)，為每張圖片賦予審美評(píng)分。只有最高評(píng)價(jià)的圖片才會(huì)顯示在搜索中。

本網(wǎng)站上的所有圖像幾乎可以用于任何商業(yè)設(shè)計(jì)項(xiàng)目，包括網(wǎng)頁(yè)設(shè)計(jì)、應(yīng)用程序設(shè)計(jì)、PSD和HTML模板等。博客作者和社交媒體團(tuán)隊(duì)可以免費(fèi)使用這些圖片。

2、不飛濺

UnSplash免費(fèi)高清壁紙分享網(wǎng)是一個(gè)堅(jiān)持每天分享高清攝影圖片的網(wǎng)站，每天更新一個(gè)高質(zhì)量的圖片素材，都是生活中的風(fēng)景作品。新鮮的生活圖片可以作為桌面壁紙，也可以應(yīng)用于各種需要的環(huán)境。UnSplash網(wǎng)站上的圖片又大又清晰，適合各種用途。

3、PixaBay

PixaBay免費(fèi)高質(zhì)量圖片素材分享網(wǎng)是一家提供無(wú)版權(quán)圖片素材的圖片提供商。無(wú)論數(shù)字還是印刷格式，個(gè)人還是商業(yè)使用，都可以免費(fèi)使用本網(wǎng)站的任何圖片，沒(méi)有原作者署名的要求。

同時(shí)，Pixabay還推出了手機(jī)App找圖，支持iOS和Android平臺(tái)。Pixabay的手機(jī)app功能非常簡(jiǎn)單。你可以把它想象成一個(gè)無(wú)限的相冊(cè)，里面有大量的圖庫(kù)素材。刷手機(jī)可以快速切換瀏覽，也可以輸入關(guān)鍵詞通過(guò)搜索找出相關(guān)圖片。

4、食物喂養(yǎng)

FoodiesFeed免費(fèi)美食素材分享網(wǎng)是一個(gè)提供大量免費(fèi)高分辨率美食攝影圖片的網(wǎng)站，每周至少更新五次。可以下載并用于任何個(gè)人或商業(yè)目的，類(lèi)別包括早餐、咖啡、烹飪、水果、主菜、甜點(diǎn)等。

FoodiesFeed材料網(wǎng)站是由23歲的捷克人Jakub創(chuàng)辦的。他不僅是一個(gè)吃貨，還是一個(gè)美食攝影師。雖然是個(gè)業(yè)余愛(ài)好者，但不影響他拍攝美食素材，分享給其他用戶(hù)。用戶(hù)可以通過(guò)電子郵件訂閱這個(gè)網(wǎng)站的內(nèi)容，每周都可以獲得免費(fèi)的美食資料。

5、股票快照

StockSnap免費(fèi)圖片素材高清資源庫(kù)是一個(gè)提供高清攝影作品的素材庫(kù)，可以免費(fèi)下載使用。提供的資源相當(dāng)實(shí)用。本網(wǎng)站由多名攝影師組成，提供豐富的免費(fèi)照片，未經(jīng)授權(quán)可隨意使用。

StockSnap網(wǎng)站的設(shè)計(jì)其實(shí)很簡(jiǎn)單。其目的是為尋找美圖的用戶(hù)提供一個(gè)完整豐富的圖片素材資源庫(kù)。每天攝影師都會(huì)上傳發(fā)布自己的作品，找出高質(zhì)量高清晰的照片更新到網(wǎng)站上，讓更多的人免費(fèi)使用。

如何用android制作出一只只氣球上升的界面

可以使用Tween動(dòng)畫(huà)實(shí)現(xiàn)氣球上升的效果，具體實(shí)現(xiàn)如下：

1：在res目錄下新建anim目錄，并添加file_name(文件名自定義就好).xml

? ? ?添加以下代碼：

?xml?version="1.0"?encoding="utf-8"?

translate?xmlns:android=""

????android:duration="5000"

????android:fromXDelta="50"

????android:fromYDelta="800"

????android:toXDelta="50"

????android:fillAfter="true"

????android:toYDelta="0"?

/translate

注釋?zhuān)?/p>

? ?android:duration="5000" // 動(dòng)畫(huà)持續(xù)時(shí)間

? ?android:fromXDelta="50" // 起始x坐標(biāo)

? ?android:fromYDelta="800"http:// 起始y坐標(biāo)

? ?android:toXDelta="50" ? // 結(jié)束x坐標(biāo)

? ?android:fillAfter="true"http:// 動(dòng)畫(huà)結(jié)束后將素材停留在結(jié)束位置

? ?android:toYDelta="0" ? ?// 結(jié)束y坐標(biāo)

坐標(biāo)可以通過(guò)代碼動(dòng)態(tài)進(jìn)行計(jì)算，本例僅僅演示功能...

2:添加一布局文件 test.xml

? ? ? ?代碼如下

?xml?version="1.0"?encoding="utf-8"?

LinearLayout?xmlns:android=""

????android:layout_width="match_parent"

????android:layout_height="match_parent"

????android:background="#EFF8FE"

????android:orientation="vertical"?

????ImageView

????????android:id="@+id/startup"

????????android:layout_width="match_parent"

????????android:layout_height="0dp"

????????android:layout_weight="6"

????????android:background="@drawable/ball"

????????android:scaleType="fitXY"?/

????RelativeLayout

????????android:layout_width="match_parent"

????????android:layout_height="0dp"

????????android:layout_weight="4"

????????android:orientation="vertical"?

????????TextView

????????????android:layout_width="match_parent"

????????????android:layout_height="wrap_content"

????????????android:layout_centerInParent="true"

????????????android:gravity="center"

????????????android:text="@string/string_copy_right"

????????????android:textSize="12sp"?/

????/RelativeLayout

/LinearLayout

效果圖如下：

3.創(chuàng)建Activity

public?class?StartUpActivity?extends?Activity?{

private?ImageView?image;

@Override

protected?void?onCreate(Bundle?savedInstanceState)?{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_startup);

//?取得資源

image?=?(ImageView)?findViewById(R.id.startup);

//?設(shè)置動(dòng)畫(huà)

image.setAnimation(AnimationUtils.loadAnimation(this,

R.anim.translate_sample));

}