iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
Mobile Development

雙平台APP小遊戲開發實作! Swift & Kotlin 攜手出擊~系列 第 21

[Day21] swift & kotlin 遊戲篇!(3) 小雞BB-遊戲製作-分數與提示排版

  • 分享至 

  • xImage
  •  

遊戲示意

遊戲 小雞BB
遊戲 小雞BB

swift - Point 與 勝負提示

  1. 新增一個Label Text輸入: Point:1000
    遊戲 小雞BB

  2. 設定一下AutoLayout
    遊戲 小雞BB

    屬性 對齊 設定

    Width| 無 |>=80|
    Height| 無 |30|
    上| Safe Area |10|
    左| Safe Area |10|

  3. 新增一個UIImageVuew , image設定 hand.thumbsdown
    遊戲 小雞BB

    屬性 對齊 設定

    Tint| 無 |System Yellow Color|
    Width| 無 |40|
    Height| 無 |38|
    上| Safe Area |10|
    左| Point的Label |20|

這邊我們使用的, image設定 hand.thumbsdown
這張圖片是系統圖片
Swift這邊有多種系統圖可供使用
可以自己打開來研究看看

kotlin - Point 與 勝負提示

  1. 新增一個TextView Text輸入: Point:1000
    遊戲 小雞BB

  2. 設定一下約束排版
    遊戲 小雞BB

    屬性 對齊 設定

    layout_width| 無 |wrap_content|
    layout_height| 無 |wrap_content|
    Start -> StartOf| parent |10dp|
    Top -> TopOf| parent |10dp|

  3. 新增一個ImageVuew
    遊戲 小雞BB

    屬性 對齊 設定

    srcCompat| 無 |@android:drawable/stat_sys_download|
    tint| 無 |#FFEB3B|
    layout_width| 無 |40dp|
    layout_height| 無 |28dp|
    alpga| 無 |0|
    Start -> StartOf TextView| TextView |10dp|
    Top -> TopOf| parent |10dp|
    Top -> TopOf| parent |10dp|

    這邊設定alpga = 0
    是因為尚未開始玩遊戲時
    不應該提示輸贏
    所以先隱藏

    這邊我們使用的, image設定 stat_sys_download
    這張圖片是系統圖片
    相比起swift可選擇的比較少
    也比較不有趣
    但有興趣的還是可以看看

差異

在系統圖片上, 明顯感覺到 Swift 的選擇多很多
畫面上也更漂亮
做到目前 有明顯感覺Swift製作出來後
畫面上比較精緻一點

而kotlin這邊會感覺比較粗糙
當然兩邊畫面都可以經過設計與微調
達到同樣美觀
這邊單純比較簡單排版後的效果

小碎嘴時間 ヽ(゚´Д`)ノ゚

◢▆▅▄▃ 崩╰(〒皿〒)╯潰 ▃▄▅▆◣
同時學習兩邊的APP開發
不難~但很容易出現偏好

怎麼辦~我比較喜歡寫Swift
Kotlin 討抱 づ(・ω・)づ

可惡我偏心了~
Swift像個懂事乖巧的女孩
Kotlin像個不受控制的青春期小屁孩!!

看了很想揍他!
但是偏偏Kotlin 就是放不下的孩子

又愛又恨啊~ ლ(゚д゚ლ)


上一篇
[Day20] swift & kotlin 遊戲篇!(2) 小雞BB-遊戲製作-小雞排版
下一篇
[Day22] swift & kotlin 遊戲篇!(4) 小雞BB-遊戲製作-遊戲畫面排版
系列文
雙平台APP小遊戲開發實作! Swift & Kotlin 攜手出擊~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言