上一篇完成了針對指定資料進行搜尋的功能，也使用兩種不同的方式進行搜尋。

而這篇則要處理side project遇到的一個問題，也就是在slider內使用範圍的參數，一般的slider都只能拉到單一個位置上，也就是只有一個值，而自己side project則要能夠在一個slider內拉出兩個點的範圍，簡單來說就是一般交友軟體常見的年紀範圍的slider，但目前原生似乎沒有這個slider可以使用，所以我就將目光放到了網路上，有在yt看到製作客製化的RangeSlider，但對應不同的機型也是會遭遇到的下一個關卡，所以再透過其他搜尋看到網路上有人已經完成套件可以使用，非常簡單方便。

其中也有針對單純的slider再客製化的方法，但這裡著重在RangeSlider上，首先透過Xcode＞專案名稱＞Project＞Package Dependencies加入上述網址來完成加入套件的功能。若是不知道如何透過SPM安裝可以找下方的參考資源研究。

接著就在程式碼import Sliders並嘗試建立一個RangeSlider

可以看一下實際的執行過程

而範例使用到的也是在這個套件分享中看到的使用Type ClosedRange<Double>其實在一般的Random函數或是for迴圈都很常看到，但並不理解這樣能獨立成一個Type來使用，如果要取得範圍得最小值與最大值就透過

.lowerBound
.upperBound

來取得，但這個套件可以發現到一個小狀況是在值拉到最小時圓點不會在最左邊而留有一點空間，另外Slider綁定的CloseRange要透過Double或Float來使用，若是要真的使用特定的值類似0–100需要再自己去乘開使用。在這裡將目前多發現的一個套件與功能分享給大家。持續加油！！

參考資源：

上一篇透過UIKit重溫多國語系的處理方式，透過這樣的方法快速設定不同語言顯示的內容。

這篇要來看看side project的一項功能，預計會在裡面設定能夠搜尋資料的方式，於是上網找了一些方法來看看要如何實踐。這次練習的是透過台灣百家姓與菜市場名建立資料後進行搜尋。

Model：

ViewModel：

ContentView：

透過網路上的資源看到了Seacrchable的一種方法，嘗試透過這個方式建立看看。

另一種方式是常見的TextField當作搜尋欄使用，透過綁定的字串的改變過濾搜尋結果。

簡單比較兩種方式，透過searchable的方式，在沒有使用時搜尋欄話自動隱藏，若不希望搜尋欄佔用UI空間的話可以透過這個方式，若是希望讓搜尋欄一直固定在畫面當中的話，就可以使用TextField的方式來使用。在此又多學到一個side project可以使用到的功能。持續加油！！！

上一篇理解了不同View使用同一個ViewModel的運用，大致對於side project的應用有了理解。

這篇則剛好發現到之前的上架專案想讓更多語系的人可以使用，所以回頭研究多國語系該如何設定。這個練習要透過Button隨機取得週一到週日的字串，並且透過多國語系顯示中文、英文、日文週一到週日的文字。另外顯示1+1=2各ㄦ語言的顯示內容。

首先先建立一個專案在Storyboard上建立一個Button跟Label。

接著拉好IBOutlet與IBAction並先建立好下列的程式碼，程式碼內有個Array為weekdaysArray裡面為NSLocalizedString，週一到週日就是我們需要對應的Key，comment為敘明這個key的介紹，使自己在進行翻譯時能簡單確認翻譯精神，不打也是沒問題算是個備註。

從上面可以看到我們建立好的key也就是週ㄧ到週日的字串，那value也就是每個ㄦ語言對應這個key所要顯示的內容ㄦ該如何應對？

點擊專案＞Project＞Info＞Localizations 這邊可以看到預設的語系有設定英文，接下來就是要新增語系。

上一篇理解了關於Link的多能使用，能夠快速透過Link去想去的應用程式

而這一篇則要重新理清自己的觀念，在自己的預計內side project預計會在不同的View內去使用同一個ViewModel，之前也有嘗試這樣的寫法無奈遇到一些問題，簡單而言是自己的觀念錯誤。首先先來看看錯誤的觀念為何。

首先建立一ViewModel，裡面有一個變數與三個Function，各自負責變數的加、減、重置。

接著實作一個BindingView，透過Binding去綁定IntViewModel。

接著嘗試在ContentView使用這個BindingView，來看看報錯的結果：

ObservedObject與Binding是衝突的，之前的概念以為Binding不管是誰就是$符號加上去就可以使用了，但是在ViewModel使用了ObservedObject所以造成了類型的錯誤與衝突。那到底要怎麼解決？其實也沒很困難就是透過@StateObject來接ViewModel就好。

接下來分別建立FirstView與SecondView分別使用同一個ViewModel

FirstView：

SecondView：

接著在ContentView建立上述兩個View。

上一篇簡單透過slider與Toggle(Switch)完成資料過濾的功能，簡單完成side project的一個使用方式。

這篇一樣要來研究side project的小功能，主要是要能

點擊顯示的文字跳到指定的網站

按下電話號碼即可播打電話

開啟GoogleMap直接給兩個地點的導航資料

開啟Line連結直接加入好友功能

原本以為很複雜的功能在SwiftUI很簡單的就幫我們完成了。就是透過Link幫助完成。

在跟著StackOverFlow嘗試練習完後再針對需要的知識搜尋，發現彼得潘潘大也已經有發表一篇文章探討這個問題，而且有更多的使用方式，可以點擊下面的參考資源閱讀。

雖然很簡單但還是自己跟著實作一次，除了網站連結其他三個都建議透過實機來測試。

沒看錯就是這麼簡單，讓我自己都有點難以相信，這樣子就能夠完成透過Link開啟上面所述的四個種類的連結。持續加油！！

參考資源：

上一篇透過SwiftUI與Picker完成縣市的選擇，完成side project的一個小功能。

這篇一樣要來研究side project的其中一個功能，透過一些元件過濾資料的內容，目前的想法是透過slider與Toggle(UIKit稱為Switch)，來針對值得變化重新取得過濾後的資料。畫面的佈局在這篇就不是探討的重點了。

首先以類似交友軟體的模式，建立一個人的基本資料Model與一些會使用的Function。

接著建立ViewModel，產生可以過濾的人的Function與清單Array。

接續就是透過View顯示清單與篩選的slider與Toggle。

結果測試：

可以看到每次改變slider與Toggle都可以重新過濾一次清單使我們可以能夠看到不同的改變結果。透過這樣的方式算是初步的完成自己side projecr的一個功能。持續加油

上一篇透過客製化的TabView來完成自定義的TabView，也看到實現TabView不一樣的方式。

這篇則要來研究side project的一個小功能，就是關聯式Picker(自己定義的名詞)。而所謂的關聯式Picker就是在不同的Picker中，第二個Picker的內容會因第一個Picker有所不同，最簡單的解釋就是縣市與行政區，會因為縣市有所不同而改變行政區的選項。而這個部分其實在UIKit有曾經實作過。

但這篇則是想要透過SwiftUI來實踐，網路上的資源多半是獨立的Picker來一起顯示，沒有看到我所認為的關聯式Picker。所以這篇就嘗試自己來處理看看。

首先一樣先透過過往的資源取得台灣行政區的JSON檔案加入到專案中

接著開始寫程式碼

Model：

跟Swift Practice # 86一樣先建立解析JSON的格式，順便把解析JSON的Function放在這裡。

ViewModel：

CityDistrictViewModel

原本上述的ViewModel已經處理好相關的邏輯，剛好跟同事探討這個小功能，同事提出了透過字典來查找指定行政區的方式，所以又再另外建立一個ViewModel當作對照。

CityDistrictTwoViewModel