日幣換算台幣的App程式設計

設計緣起

大家常常有機會到日本旅遊,看到一件衣服標價2000 Yen時,心裡會想到底是貴還是便宜啊?習慣使用台幣的我們,需要換算成台幣才能感覺到價格是貴或便宜,為了方便大家換算,我設計了此款App。

操作畫面先睹為快

App功能如下

  1. 顯示目前匯率
  2. 日幣換算台幣
  3. 儲存使用者設定的稅率及匯率

UI設計概念

  1. 實務應用:
    由於日圓標價有分含稅及未稅,所以增加稅率欄位可供填寫修改。
  2. UI編版:
    螢幕下方空白是預留空間給鍵盤顯示,以免鍵盤升起時,擋到其它UI元件。同時也可適應不同尺寸iPhone來做UI排版。
  3. 簡化操作:使用者輸入日幣時上方即時顯示換算台幣,不需額外按任何按鈕才換算。

程式碼說明

如何抓取目前匯率

•使用webservicex.net 提供匯率資訊,有興趣的朋友可點連結進去參考網站

•取得url及參數格式

“http://www.webservicex.net/CurrencyConvertor.asmx/ConversionRate ?FromCurrency=JPY&ToCurrency=TWD”
(JPY:代表日幣,TWD:代表台幣)

•發出request請求

•得到xml格式資訊

<?xml version=”1.0" encoding=”utf-8"?>
<double xmlns=”http://www.webserviceX.NET/">0.2707</double>

如何解析xml格式

•建立XMLParser物件
let parser = XMLParser(data: data)

•設定代理人
parser.delegate = self.parserDelegate

•定義Protocol XMLParserDelegate的function
func parser(_ parser: XMLParser, foundCharacters string: String)

•呼叫parser.parse()

•取得資訊

以下完整專案程式碼

感謝

彼得潘 swift界的一代宗師。
Yaya 鮮明可愛的動物造型圖案,豐富了整個UI畫面。

--

--