iT邦幫忙

2022 iThome 鐵人賽

DAY 7
0
影片教學

視窗程式設計系列 第 7

【Day7】青蛙過街遊戲-讓車子動起來!

  • 分享至 

  • xImage
  •  

嗨,大家好,今天是視窗程式設計影片教學的第七天,在昨天的影片當中已經順利放上背景圖以及利用 pictureBox 放入青蛙和車子的圖片,今天就來實作出車子移動的效果吧!

關於圖片的移動,必須先了解圖片在 windows form 內的位置資訊,預設會將圖片的位置資訊以圖片左上角為準,而資訊包含 (X,Y)值 (水平,垂直),在圖片的 Location 屬性當中可以做調整。

圖片的移動則需要透過修改兩個方向做出移動效果,分別為 Left 和 Top 以及正負號來實現上下左右移動的效果。

如果 windows form 左上角為 (0,0),那麼當我往左、上移動時,就是減少 X、Y的值,在 Left、Top 當中就會以負號表示,也就是減去移動的值。而往右、下移動時,就是增加 X、Y的值,在 Left、Top 當中就會以正號表示,也就是加上移動的值。

語法如下:

pictureBox_name.Left = pictureBox_name.Left + 50; // 原本圖片的水平位置再往右 50 單位指派給圖片作為新的水平位置
pictureBox_name.Top = pictureBox_name.Top + 50; // 原本圖片的垂直位置再往下 50 單位指派給圖片作為新的垂直位置

以上是今天的教學內容

簡報製作:canva(https://www.canva.com/)

Yes


上一篇
【Day6】製作過街青蛙遊戲_1
下一篇
【Day8】製作青蛙過街遊戲,透過鍵盤控制青蛙移動
系列文
視窗程式設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言