HW#12 計算機-暗黑按鈕計算機
Published in
4 min readJul 29, 2018
這次作業想說在計算機Button上做個變化就可以繳交結案，應該很快會完成，結果沒想到碰到種種問題，最後勉強做出來的畫面如下：
步驟一、先去github 上搜尋下載一個SimpleCaculator project 來參考，這app呈現出來的效果是這樣：
步驟二、想說把畫面上的每個數字和運算符號都從網路上找下載對應的icon 當作Button的image就可完成了，下載所需要的數字png當作 Button的image，結果出來的效果如下：
- 數字圖片後方留下很多空白
- Button的title值如果不拿掉會 直接出現在圖片的右邊(如上圖 5和6的效果)，如果將title值設爲空值(如上圖 2和3的效果))計算式需要知道這個Button代表哪個數字的值不知還可以在Button的哪個屬性設定?
步驟三、為了解決上述1.的問題，將Button的Background顏色設成背景相同顏色或黑色，結果出來的效果如下：
數字2雖然效果可以接受，但上述問題2我還是不知如何處理
步驟四、之前小王子上課時有提到可以將Button進行圓角化，所以朝向這個方向尋求解決，所以試了設定這個參數button.layer.cornerRadius ，但是好像沒什麼作用，只好尋找別的寫法了喔．
步驟五、在github上找到一個project nikeshkrjha/RoundedButton ，顯示出來的效果如下圖
做出來的Button效果還符合預期，可是按下去的數字無法接收到，試了好一陣子還是試不出來．
步驟六、最後還是改成一般比較常用的方法
- 數字0~9的Button：image 還是設成網路下載下來的暗黑png，Button view background 設定成跟 View Controller 顏色一樣，再把Button大小調整成跟image圖大小一樣，這樣就看不到title上的數字了．
- 其他算數符號的Button：由於沒有完全下載符號image，所以直接把Button的backgroud設定成ㄧ下載暗黑png，Button view background 設定成跟 View Controller 顏色一樣，最後 View Controller出來的畫面如下圖：
還是很不甘心沒弄出來客製化Button版本啊．
另外也找到幾個參考資料，還看不大懂以後也許會用到，先附上連結，大家有興趣可以先參考:
How To Set Corner Radius for UIButtons Using Swift
這作業的程式碼基本上就是上述兩個github 程式碼的結合，改天再上傳github了．
