android第二部分-8章選擇器、主題與_第1頁(yè)
android第二部分-8章選擇器、主題與_第2頁(yè)
android第二部分-8章選擇器、主題與_第3頁(yè)
android第二部分-8章選擇器、主題與_第4頁(yè)
android第二部分-8章選擇器、主題與_第5頁(yè)
已閱讀5頁(yè),還剩26頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第8章樣式與主題、選擇器、動(dòng)畫樣式

Android提供了樣式機(jī)制來定義可跨視圖重用的通用樣式,同時(shí)主題

還提供了主題機(jī)制來將通用樣式應(yīng)用到整個(gè)activity或整個(gè)應(yīng)用程序。樣式與主題屬性的集合,例如定義屬性textColor、textSize、layout_width、layout_height等,以獨(dú)立的資源文件存放在XML文件中,并設(shè)置樣式的名稱實(shí)現(xiàn)步驟1、定義樣式2、應(yīng)用樣式使用style屬性:style=“ck_style”樣式<stylename="ck_style"><itemname="android:textSize">16.0sp</item><itemname="android:button">@drawable/ck_backgroud</item>

<itemname="android:textColor">@color/ck_text_selector</item><itemname="android:paddingLeft">40px</item></style>values/styles.xml優(yōu)點(diǎn)1

通過定義樣式,描述Android應(yīng)用中整個(gè)Activity、者某個(gè)區(qū)域、某種類型View的公共的外觀特性,大大簡(jiǎn)化了layout文件的描述樣式定義樣式values/styles.xml樣式優(yōu)點(diǎn)2AndroidStyle類似網(wǎng)頁(yè)設(shè)計(jì)中的級(jí)聯(lián)樣式CSS設(shè)計(jì)思路,可以讓設(shè)計(jì)與內(nèi)容分離,并且可以方便的繼承、覆蓋、重用。<stylename="comm_nav_style">….</style><stylename="m_nav_style"parent="comm_nav_style"><itemname="android:background">@drawable/first_nav_item_bg_selector</item><itemname="android:textColor">@color/first_nav_item_color_selector</item></style>練習(xí)2需求說明為搜狐新聞定義樣式字體樣式應(yīng)用樣式達(dá)到圖中區(qū)域要求的字體效果針對(duì)應(yīng)用中所有Activity或者針對(duì)某個(gè)Activity設(shè)置樣式,可以通過編輯AndroidManifest.xml來完成。設(shè)置應(yīng)用中所有Activity活動(dòng)的主題設(shè)置某個(gè)指定的Activity主題主題<applicationandroid:theme="@style/wrap_content"><activityandroid:theme="@style/wrap_content">主題系統(tǒng)預(yù)定義的主題使用Dialog主題,讓Activity的顯示效果像一個(gè)對(duì)話框:讓背景透明,就使用透明的主題:去除標(biāo)題欄<activityandroid:theme="@android:style/Theme.Dialog"><activityandroid:theme="@android:style/Theme.Translucent"><activityandroid:theme="@android:style/Theme.NoTitleBar">去除標(biāo)題欄、狀態(tài)(全屏)使用一個(gè)主題,但需要調(diào)整,那么可以把這個(gè)主題作為定制主題的父主題<activityandroid:theme="@android:style/Theme.NoTitleBar.Fullscreen"><stylename="CustomTheme"parent="@android:style/Theme.Dialog">

<itemname="android:background">#ffffff</item><itemname="android:textColor">#cccccc</item>

</style>主題px(pixels)像素

一般HVGA代表320x480像素,這個(gè)用的比較多。dip或dp(deviceindependentpixels)設(shè)備獨(dú)立像素

這個(gè)和設(shè)備硬件有關(guān),一般為了支持WVGA、HVGA和QVGA推薦使用這個(gè),不依賴像素。sp(scaledpixels—bestfortextsize)比例像素

主要處理字體的大小,可以根據(jù)系統(tǒng)的字體自適應(yīng)。下面幾個(gè)不太常用:in(inches)英寸mm(millimeters)毫米pt(points)點(diǎn),1/72英寸為了適應(yīng)不同分辨率,不同的像素密度,推薦使用dip,文字使用sp。Android中的顯示單位練習(xí)1案例實(shí)現(xiàn)啟動(dòng)頁(yè)要求全屏顯示去除所有屏幕的標(biāo)題根據(jù)不同的狀態(tài)設(shè)置不同的圖片和顏色背景圖片背景顏色如何使用目錄res/drawable創(chuàng)建xml文件應(yīng)用在相應(yīng)控件的background屬性中Selector首先android的selector是在drawable/option.xml中配置的設(shè)置android:background屬性 android:background="@drawable/option"背景圖片選擇器<selectorxmlns:android=""><itemandroid:state_pressed="true"android:drawable="@drawable/option_selected"></item><!--默認(rèn)時(shí)的背景圖片--><itemandroid:drawable="@drawable/option_normal"></item><itemandroid:state_focused="true"android:drawable="@drawable/option_selected"></item></selector>首先android的selector是在drawable/label_bk.xml中配置的設(shè)置android:background屬性 android:background="@drawable/label_bk"背景顏色選擇器<selectorxmlns:android=""><itemandroid:state_window_focused="true"android:color="#ffffffff"/><itemandroid:state_window_focused="false"android:color="#7fffffff"/></selector>字體顏色首先android的selector是在color/ck_font_color.xml中配置的設(shè)置android:textColor屬性

android:textColor="@color/ck_font_color"選擇器<selectorxmlns:android=""><itemandroid:state_checked="true"android:color="#ffffffff"/><itemandroid:state_checked="false"android:color="#7fffffff"/></selector>常見狀態(tài)屬性Selector屬性說明android:state_selected被選中android:state_checkable組件是否能被check。如:RadioButton是可以被check的。android:state_checked被checked了,如:一個(gè)RadioButton可以被check了。android:state_enabled能夠接受觸摸或者點(diǎn)擊事件android:state_window_focused應(yīng)用程序是否在前臺(tái),當(dāng)有通知欄被拉下來或者一個(gè)對(duì)話框彈出的時(shí)候應(yīng)用程序就不在前臺(tái)了需求說明使用背景選擇器實(shí)現(xiàn)按鈕的狀態(tài)顯示講解范例練習(xí)自定義圖形Shape

在android開發(fā)過程中除了使用圖片改變控件的顯示屬性外,我們還可以使用自定義圖形。常見屬性Shape屬性說明solidandroid:color指定填充的顏色gradientandroid:startColor漸變起始色android:endColor漸變結(jié)束色android:angle漸變角度,為45的倍數(shù)cornersandroid:radius為角的弧度,值越大角越圓android:topRightRadius

右上角

常見屬性Shape屬性說明cornersandroid:bottomLeftRadius右下角

android:topLeftRadius左上角

android:bottomRightRadius左下角

strokeandroid:width描邊的寬度android:color描邊的顏色如何使用目錄res/drawable創(chuàng)建xml文件應(yīng)用在相應(yīng)控件的background屬性中Shape<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android=""><solidandroid:color="#da70d6"/><strokeandroid:width="2dp"android:color="#d3d3d3"/><cornersandroid:radius="10dp"/></shape>Android:background=“@drawable/my_normal”范例講解需求說明使用shape制作底部區(qū)域背景同時(shí)實(shí)現(xiàn)按鈕的背景選擇器使用style定義區(qū)域樣式Android動(dòng)畫Tween動(dòng)畫Frame幀動(dòng)畫Tween動(dòng)畫

通過對(duì)場(chǎng)景里的對(duì)象不斷做圖像變換,如平移、縮放、旋轉(zhuǎn)產(chǎn)生動(dòng)畫效果動(dòng)畫動(dòng)畫XML存放目錄:res/anim/必須有一個(gè)單獨(dú)的根元素或者他們的<set>組合Alpha:漸變透明度動(dòng)畫效果。Scale:漸變尺寸伸縮動(dòng)畫效果。Translate:畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果。Rotate:畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果

Tween動(dòng)畫Alpha:漸變透明動(dòng)畫效果Tween動(dòng)畫<?xmlversion="1.0"encoding="utf-8"?>

<setxmlns:android="">

<alpha

android:fromAlpha="0.1"

android:toAlpha="1.0"

android:duration="3000"

/>fromAlpha:屬性為動(dòng)畫起始時(shí)透明度。toAlpha

:屬性為動(dòng)畫結(jié)束時(shí)透明度。Duration:

屬性為動(dòng)畫持續(xù)時(shí)間。Scale:漸變尺寸伸縮動(dòng)畫效果Tween動(dòng)畫<?xmlversion="1.0"encoding="utf-8"?>

<setxmlns:android="">

<scale

android:fromXScale="0.0"

android:toXScale="1.4"

android:fromYScale="0.0"

android:toYScale="1.4"

android:pivotX="50%"

android:pivotY="50%"

android:fillAfter="false"

android:duration="700"/>

</set>Translate:畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果。Tween動(dòng)畫<?xmlversion=“1.0”encoding=“utf-8”?>

<setxmlns:android=“”>

<translate

android:fromXDelta=“30“屬性為動(dòng)畫起始時(shí)X坐標(biāo)上的位置

android:toXDelta=”-80“屬性為動(dòng)畫結(jié)束時(shí)X坐標(biāo)上的位置

android:fromYDelta=”30”

android:toYDelta=“300”

android:duration=“2000“屬性為動(dòng)畫持續(xù)時(shí)間

/>fromXTypetoXTypefromYTypetoYType默認(rèn)是以自己為相對(duì)參照物

Rotate:畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果Tween動(dòng)畫<?xmlversion="1.0"encoding="utf-8"?>

<setxmlns:android="

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論