科技

2012年2月21日 星期二

Style name about GWT

範例中
package com.google.gwt.sample.kitchensink.client;

import com.google.gwt.user.client.ui.Tree;
import com.google.gwt.user.client.ui.TreeItem;
import com.google.gwt.user.client.ui.TreeListener;




在我自己 /home/fred/gwt-oophm/com/google/gwt/user/client/ui/

搜尋tree



刪掉 Tree.java
import com.google.gwt.user.client.ui.Tree;
import com.google.gwt.user.client.ui.TreeItem;
刪除 Treeitem.java
import com.google.gwt.user.client.ui.TreeItem;






 使用者介面用java coding 但出來的style卻是用css-吳亞鴻
setStyleName("gwt-Tree"); 在 /home/fred/gwt-oophm/com/google/gwt/user/client/ui/  Tree.java中可以找到


講解

  • 每一個element\class (如tree tabBar)都有個主要的style 和一個或多個的副style 並用相關的名稱命名
  • 可為了公用的style 屬性定義  再加上定義 1不同屬性的專有selectors
  例如:.street-address {}
        .zip-code {}
        .street-address.highlighted {}
        .zip-code.highlighted {}
       
.highlighted {}
        .TabBar{}
        ....


補充:style name解說

沒有留言:

張貼留言