用Dashcode寫webapp的話,你可能會發現Dashcode裡面提供給你的排版類parts其實得好少
但是我就是想用Dashcode寫 add2home 阿!
第一個面對的難題是UI...因為dashcode提供的排版類part只有這些
我找了好久都找不到到底怎樣用看photo的那種顯示方式
就是一個grid的樣子,Xcode裡面可是有這個元件的
當然啦! webapp的比app少都是正常。
那麼回正題,要是我想要grid的話該怎麼辦呐?
可能對好多人來說解決這個問題是輕而易舉,可是我花了3天...
既然是這樣,萬一有人都不懂,就麻煩了,所以我就打算在這裡打篇野
這個的話要用一下那個Edge-to-edge list了
把那個list拖到你想要的位置
把listRowTemplate的東西拉小,不過不是整個list阿!
像這樣的:
然後重點來了!
去index.html,把id是listRowTemplate的東西從li修改成img的DOM
並加上src的element,內容當然是圖片的位置,不過隨便打個就好了,反正遲些能轉
去CSS,找出listRowTemplate的class:
令到他跳去下一行的是margin-right,所以把他設定成0,一切就美好了!
然後把width的auto改成你要的東西,不然也不行的。
這樣UI就完成了,動態改變圖片只需要在DataSource裡,把例子中的rowTitle修改成那個element的src
簡單得很~
但是我就是想用Dashcode寫 add2home 阿!
第一個面對的難題是UI...因為dashcode提供的排版類part只有這些
就是一個grid的樣子,Xcode裡面可是有這個元件的
那麼回正題,要是我想要grid的話該怎麼辦呐?
可能對好多人來說解決這個問題是輕而易舉,可是我花了3天...
既然是這樣,萬一有人都不懂,就麻煩了,所以我就打算在這裡打篇野
這個的話要用一下那個Edge-to-edge list了
把那個list拖到你想要的位置
把listRowTemplate的東西拉小,不過不是整個list阿!
像這樣的:
去index.html,把id是listRowTemplate的東西從li修改成img的DOM
並加上src的element,內容當然是圖片的位置,不過隨便打個就好了,反正遲些能轉
去CSS,找出listRowTemplate的class:
然後把width的auto改成你要的東西,不然也不行的。
這樣UI就完成了,動態改變圖片只需要在DataSource裡,把例子中的rowTitle修改成那個element的src
簡單得很~
Trackback URL : http://b123400.net/blog/trackback/246
Leave your greetings here.
yctai 2009/11/17 12:17 Modify/Delete Reply Address
話說dashcode 3.0終於有grid了，不過還是沒有on/off switch .... -_-