【我播盒子】我播主題DIY教程

opceone · 發(fā)表于 2013-8-29 16:30

【我播盒子】

一、更換桌面

1、現(xiàn)在暫時(shí)只支持手動(dòng)更換桌面。2、更換方法：

(1)、修改 /data/data/tv.wobo.launcher/shared_prefs下面的themeConfig.xml文件里里面<theme_background>標(biāo)簽的值(詳細(xì)介紹請(qǐng)看三、配置文件及路徑說(shuō)明)：

<string name="theme_background">/data/user/themeset/theme1/bg.png</string>

/data/user/themeset/theme1/bg.png à為圖片的絕對(duì)路徑(注：圖片必須帶后綴名，且不能放到/mnt目錄下，支持常規(guī)圖片，大小為1280x720 或1280x1080)

(2)、把圖片bg.png放到/data/user/themeset/theme1/ 目錄下面。

(3)、換回系統(tǒng)桌面：修改theme_background 值或是直接刪除該路徑下的圖片。

注：也可以到主題中更換(見(jiàn)后面章節(jié)介紹)。

二、更換主題

1、現(xiàn)在暫時(shí)只支持手動(dòng)更換主題。2、更換方法：

(1)、該文件保存在 /data/data/tv.wobo.launcher/shared_prefs下面的themeConfig.xml文件里的<theme_path>標(biāo)簽的值(詳細(xì)介紹請(qǐng)看三、配置文件及路徑說(shuō)明)：

<string name="theme_path">/data/user/themeset/theme1</string>

/data/user/themeset/theme1 à為存放主題包的絕對(duì)路徑(注：不能放到/mnt目錄下)

(2)、把主題文件夾theme1放到/data/user/themeset/ 目錄下面(可到官方論壇下載主題)。

(3)、換回系統(tǒng)主題：修改theme_path 值或是直接刪除該路徑下的主題文件夾。

(4)、重啟。

3、只更換主題中的圖片

(1)、用自己的圖片替換主題文件夾下pics 中的圖片

(2)、更改布局文件skin.xml 文件(具體更改見(jiàn)五、控件中詳細(xì)介紹)

注：用戶也可自己做主題(具體見(jiàn)五、控件中詳細(xì)介紹)。

三、配置文件及路徑說(shuō)明

1、自定義主題的配置文件

該文件保存在 /data/data/tv.wobo.launcher/shared_prefs下面的themeConfig.xml文件里里面主要有標(biāo)簽<theme_filename > <theme_background> 和 <Version>

theme_path：主題的路徑(存放主題文件夾的絕對(duì)路徑)

theme_background：主題的桌面背景的路徑(絕對(duì)路徑)

Version：用戶無(wú)需關(guān)注

初始值：

<map>

</map>

2、自定義主題文件夾結(jié)構(gòu)

主題文件夾下有 skin.xml 文件和 pics 文件夾

skin.xml 文件為桌面布局文件

pics 文件夾為圖片文件夾

注：1、/mnt 目錄下不能用，因?yàn)閿嚯?/font>/mnt目錄下文件會(huì)丟失。sdcard也不能使用，現(xiàn)在我們程序不能讀寫(xiě)sdcard。所以主題文件可考慮放在/data/user/目錄下。

2、修改themeConfig.xml文件時(shí)，可能會(huì)修改不成功，提供一下方法：

修改themeConfig.xml文件后，返回/data/data/tv.wobo.launcher/目錄，再次進(jìn)入/data/data/tv.wobo.launcher/shared_prefs/ 目錄，如果存在有themeConfig.xml.bak文件，刪除該文件。

3、用戶修改skin.xml 文件或是 pics 中的圖片時(shí)需要特別謹(jǐn)慎，出錯(cuò)可能會(huì)導(dǎo)致無(wú)法加載桌面。

四、指令數(shù)據(jù)

是指點(diǎn)擊某個(gè)圖片或是按鈕，執(zhí)行某項(xiàng)動(dòng)作(打開(kāi)一個(gè)程序或是跳轉(zhuǎn)到另一個(gè)程序)

packagename，classname，data，action，category

packagename要啟動(dòng)的程序包名，classname 類名

通常通過(guò)設(shè)置這兩個(gè)參數(shù)啟動(dòng)一個(gè)應(yīng)用程序。

用戶如感興趣，可問(wèn)度娘，詳細(xì)了解。這里不作過(guò)多說(shuō)明。

五、控件(所有控件加WT(WoboTable)前綴)

1、桌面基本控件

WTTable //桌面

WTRelativeLayout //線性布局

WTViewFlipper //翻頁(yè)布局

WTAbsoluteLayout //絕對(duì)布局

WTLinearLayout / /相對(duì)布局

WTHorizontalScrollView //水平滾動(dòng)布局

WTShortCutContainer //快捷方式容器

WTEventButton //事件按鈕

WTImageView //圖片

WTWeather //天氣

WTWebStatus //網(wǎng)絡(luò)狀態(tài)

WTTextView //文本

在布局文件中使用控件時(shí)，建立標(biāo)簽規(guī)則如下：

tv.wobo.launcher.woboTable. + “控件類全名稱”

如下格式：

<tv.wobo.launcher.woboTable.WTImageView

/>

1、桌面(WTTable)：

繼承LinearLayout

（1）布局中設(shè)置背景圖片

wobo:background="background.png"

//skin.xml中設(shè)置所有的圖片，都只寫(xiě)圖片名即可，所有圖片放在pics文件夾下。

2、布局控件

WTRelativeLayout //相對(duì)布局

WTViewFlipper //翻頁(yè)布局

WTAbsoluteLayout //絕對(duì)布局

WTHorizontalScrollView //水平滾動(dòng)布局

WTLinearLayout //線性布局

共同屬性：

layout_width, layout_height

長(zhǎng)寬

取值：fill_parent，wrap_content，match_parent，或(int)具體數(shù)字。（在其他控件相同，不再作說(shuō)明）

background

背景

取值：String(圖片名) （在其他控件相同，不再作說(shuō)明）

layout_x,layout_y:

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

取值：(int) 具體數(shù)字（在其他控件相同，不再作說(shuō)明）

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBOTTom

控件內(nèi)容相對(duì)控件的邊緣的邊距

取值：(int) 具體數(shù)字（在其他控件相同，不再作說(shuō)明）

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明；

在線性布局中還有屬性orientation ，true表示橫向，false表示縱向，默認(rèn)為true

使用方法：

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding_marginLeft="80"

android:padding_marginRight="50"

android:padding_marginTop="10"

3、WTShortCutContainer //快捷方式容器

layout_x，layout_y

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

packagename，classname，data，action，category，extra

指令數(shù)據(jù)

src，iconSrc，srcReplace，background

src當(dāng)前圖片，srcReplace選中時(shí)的替換圖片，選中時(shí)的背景圖片，iconSrc自定義快捷鍵的圖片

取值：String(圖片名) （在其他控件相同，不再作說(shuō)明）

layout_width，layout_height

長(zhǎng)寬

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

iconHeight，iconWidth

小圖標(biāo)的大小 (自定義快捷鍵時(shí)設(shè)置)

取值：(int) 具體數(shù)字（在其他控件相同，不再作說(shuō)明）

requestFocus

是否獲取焦點(diǎn)，布爾值，默認(rèn)為false （在其他控件相同，不再作說(shuō)明）

textSize，textColor

字體大小，字體顏色

取值：textSize ：(int) 具體數(shù)字 textColor：String (#顏色值如(#FFFFFFFF白色)) （在其他控件相同，不再作說(shuō)明）

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明

vecitcalSpace, horizontalSpace

行距，列距

取值：(int) 具體數(shù)字（在其他控件相同，不再作說(shuō)明）

childselectSrc, defaultchildSrc

自定義快捷方式的選中圖片，

lineNum, columnNum

行數(shù)，列數(shù)

取值：(int)具體數(shù)字（在其他控件相同，不再作說(shuō)明）

cellWidth, cellHeight

自定義快捷方式的長(zhǎng)寬

取值：(int) 具體數(shù)字

orientation

橫向或是縱向排列，布爾值，true表示橫向，false表示縱向（在其他控件相同，不再作說(shuō)明）

requestFocus

讓自定義快捷鍵開(kāi)機(jī)獲得光標(biāo)

tag

控件標(biāo)記(用戶不能修改)(用戶不能修改)

使用方法

<tv.wobo.launcher.woboTable.WTShortCutContainer

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:cellHeight="70"

android:cellWidth="100"

android:childselectSrc="select.9.png"

android:columnNum="10"

android:defaultChildSrc="custom.png"

android:horizontalSpace="50"

android:lineNum="3"

androidrientation="false"

android:padding_marginLeft="120"

android:padding_marginRight="80"

android:padding_marginTop="20"

android:tag="WTShortCutContainer"

android:textColor="#FFFFFFFF"

android:textSize="18"

android:vecitcalSpace="40"

android:requestFocus="true">

</tv.wobo.launcher.woboTable.WTShortCutContainer>

注：必須加android:tag="WTShortCutContainer"標(biāo)記

4、WTEventButton

layout_x，layout_y

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

packagename，classname，data，action，category，extra

指令數(shù)據(jù)

src，iconSrc， srcReplace，background

src當(dāng)前圖片，文字和圖片組合時(shí)的圖片，srcReplace選中時(shí)的替換圖片，選中時(shí)的背景圖片

layout_width，layout_height

長(zhǎng)寬

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

iconHeight，iconWidth

小圖標(biāo)的大小 (自定義快捷鍵時(shí)設(shè)置)

requestFocus

是否獲取焦點(diǎn)

textSize，textColor，text

字體大小，字體顏色，圖片和文字組合時(shí)的文本

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明

tag

控件標(biāo)記(用戶不能修改)

使用方法：

<tv.wobo.launcher.woboTable.WTEventButton

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:action="android.intent.action.VIEW"

android:data="http://www.hao123.com"

android:src="ico_web.png"

android:srcReplace="ico_web_press.png" />

5、WTImageView

布局控件的共同屬性

src

圖片

tag

控件標(biāo)記(用戶不能修改)

使用方法

<tv.wobo.launcher.woboTable.WTImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding_marginLeft="30"

android:padding_marginTop="20"

android:src="wobo_logo_withe.png" />

6、日歷控件(WTCalendar)：

layout_x，layout_y

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

layout_width，layout_height

長(zhǎng)寬

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

textSize，textColor

字體大小，字體顏色

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明

tag

控件標(biāo)記(用戶不能修改)

注：android:tag="time"表時(shí)間

android:tag="data"表示日期

android:tag="week"表星期

android:tag="lunar"表農(nóng)歷

在xml中使用：

<tv.wobo.launcher.woboTable.WTCalendar

android:id="@+id/Calendar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding_marginLeft="740"

android:padding_marginRight="10" >

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="245"

android:padding_marginRight="0"

android:padding_marginTop="5"

android:tag="time"

android:textColor="#FFFFFFFF"

android:textSize="38" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="70"

android:padding_marginRight="0"

android:padding_marginTop="10"

android:tag="data"

android:textColor="#FFFFFFFF"

android:textSize="30" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="10"

android:padding_marginLeft="250"

android:padding_marginRight="0"

android:padding_marginTop="50"

android:tag="week"

android:textColor="#FFFFFFFF"

android:textSize="22" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="70"

android:padding_marginRight="0"

android:padding_marginTop="40"

android:tag="lunar"

android:textColor="#FFFFFFFF"

android:textSize="22" />

</tv.wobo.launcher.woboTable.WTCalendar>

7、天氣控件(WTWeather)

layout_x，layout_y

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

packagename，classname，data，action，category，extra

指令數(shù)據(jù)

src， srcReplace，background

src當(dāng)前圖片，srcReplace選中時(shí)的替換圖片，選中時(shí)的背景圖片

layout_width，layout_height

長(zhǎng)寬

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

textSize，textColor

字體大小，字體顏色

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明

tag

控件標(biāo)記(用戶不能修改)

注：android:tag="city"表城市

android:tag="lower"表示最低溫度

android:tag="upper"表最高溫度

android:tag="weather"表天氣

android:tag="image"表圖片

布局文件中使用：

<tv.wobo.launcher.woboTable.WTWeather

android:layout_width="wrap_content"

android:layout_height="90"

android:padding_marginBottom="0"

android:padding_marginLeft="340"

android:padding_marginRight="0"

android:padding_marginTop="0"

android:layout_x="665"

android:layout_y="140"

android:background="123.png"

android:classname="tv.wobo.launcher.WeatherActivity"

android:packagename="tv.wobo.launcher"

android:src="ico_weather1.png"

android:tag="WTWeather">

<tv.wobo.launcher.woboTable.WTTextView

android:layout_width="155"

android:layout_height="wrap_content"

android:padding_marginBottom="0"

android:padding_marginLeft="25"

android:padding_marginRight="0"

android:padding_marginTop="20"

android:tag="city"

android:textColor="#FFFFFFFF"

android:textSize="32" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginLeft="170"

android:padding_marginRight="0"

android:padding_marginTop="5"

android:low_marginBottom="0"

android:tag="lower"

android:textColor="#FFFFFFFF"

android:textSize="25" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="245"

android:padding_marginRight="0"

android:padding_marginTop="5"

android:tag="upper"

android:textColor="#FFFFFFFF"

android:textSize="25" />

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="173"

android:padding_marginRight="0"

android:padding_marginTop="40"

android:tag="weather"

android:textColor="#FFFFFFFF"

android:textSize="25" />

<tv.wobo.launcher.woboTable.WTImageView

android:padding_marginBottom="0"

android:padding_marginLeft="325"

android:padding_marginRight="0"

android:padding_marginTop="0"

android:tag="image" />

</tv.wobo.launcher.woboTable.WTWeather>

8、網(wǎng)絡(luò)控件(WTWebStatus)

layout_x，layout_y

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

packagename，classname，data，action，category，extra

指令數(shù)據(jù)

src， srcReplace

src代表斷網(wǎng)時(shí)的圖片，srcReplace代表聯(lián)網(wǎng)時(shí)的圖片

layout_width，layout_height

長(zhǎng)寬

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明

tag

控件標(biāo)記(用戶不能修改)

使用方式：

<tv.wobo.launcher.woboTable.WTWebStatus

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding_marginLeft="1100"

android:padding_marginTop="10"

android:classname="tv.wobo.setting.wifi.WiFiActivity"

android:packagename="tv.wobo.setting"

android:parentname="tv.wobo.launcher.control.YFRelativeLayout"

android:src="wifi_disable.png"

android:srcReplace="wifi_valid.png" />

9、WTTextView

layout_width, layout_height

長(zhǎng)寬

background

背景

layout_x,layout_y:

控件左上角在父容器中的坐標(biāo)(絕對(duì)布局中)

padding_marginRight，padding_marginLeft，padding_marginTop，padding _marginBottom

控件內(nèi)容相對(duì)控件的邊緣的邊距

alpha：

整個(gè)控件的透明度取值 0-255；0為純透明；

textSize，textColor

字體大小，字體顏色

tag

控件標(biāo)記(用戶不能修改)

使用方法：

<tv.wobo.launcher.woboTable.WTTextView

android:padding_marginBottom="0"

android:padding_marginLeft="245"

android:padding_marginRight="0"

android:padding_marginTop="5"

android:tag="upper"

android:textColor="#FFFFFFFF"

android:textSize="25" />

› 智能電視盒 / 安卓TV機(jī)頂盒區(qū) › 其它品牌盒子 › 我播盒子論壇