Eclipse rap 富用戶端開發總結(7) – 如何修改rap的樣式

註： Eclipse rap 富用戶端開發總結-系列文章是從本人   Iteye部落格中移植過來.後續會直接在此更新     http://jlins.iteye.com/

1、 Rap樣式原理

 

Rap的介面樣式目前是以css來配置的，程式啟動後載入相應的css設定檔再對組件進行樣式設定,介面上的所有組件 Label button composit等的樣式最開始都是通過css來確定顯示樣式的.因此只需要選擇不同的css檔案就可以控制css樣式了

 

2、 Rap如何選擇樣式

 

Plugin.xml – 擴充 – 建立 org.eclipse.rap.ui.branding 擴充點 – 在這個擴充點上建立branding .在 branding上就可以選擇樣式了,對應的選項是themdID ,點擊瀏覽就可以選擇目前已經存在的樣式

目前rap內建的樣式大約有2個 , Classis 樣式和 Default ,

建議大家使用Classis 樣式,因為預設的default樣式本身在介面顯示上面會有不少的問題.

 

3、 修改rap內建的樣式

 

如果你覺得目前rap介面上的樣式不太符合你的要求,那麼你就可以建立自己的rap樣式 方法如下：

建立擴充點：org.eclipse.rap.ui.themes

在擴充點上建立 theme

點擊 theme 會有一個屬性 file,這個是用來選擇對應的樣式css檔案的.

關於rap每個組建對應的樣式名稱,大家可以通過如下方式進行查看

找到 org.eclipse.rap.rwt.theme.classes 外掛程式(直接通過外掛程式列表-匯出原始碼到目前工程)

在對應的 theme目錄下面就可以看到 classic.css檔案了

 

4、 Rap樣式的發布

 

Rap最好按照預設的方式以外掛程式的形式進行發布,這樣就可以松耦合了.