The latest articles on DEV Community by Shawn Baek (@shawnbaek). https://dev.to/shawnbaek https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F163845%2F9dd6db60-afe2-4efd-8d09-fc1e2951f9d3.jpeg https://dev.to/shawnbaek en Shawn Baek Sun, 28 May 2023 09:41:01 +0000 https://dev.to/shawnbaek/how-to-display-the-temperature-with-unit-16ej https://dev.to/shawnbaek/how-to-display-the-temperature-with-unit-16ej <p>In this post, I’ll share how to display the temperature with the unit using the MeasurementFormatter.</p> <h2> MeasurementFormatter </h2> <div class="highlight js-code-highlight"> <pre class="highlight swift"><code><span class="k">let</span> <span class="nv">numFormatter</span> <span class="o">=</span> <span class="kt">NumberFormatter</span><span class="p">()</span> <span class="n">numFormatter</span><span class="o">.</span><span class="n">maximumFractionDigits</span> <span class="o">=</span> <span class="mi">0</span> <span class="k">let</span> <span class="nv">measureFormatter</span> <span class="o">=</span> <span class="kt">MeasurementFormatter</span><span class="p">()</span> <span class="n">measureFormatter</span><span class="o">.</span><span class="n">numberFormatter</span> <span class="o">=</span> <span class="n">numFormatter</span> <span class="k">let</span> <span class="nv">kelvin</span><span class="p">:</span> <span class="kt">Double</span> <span class="o">=</span> <span class="mi">294</span> <span class="k">var</span> <span class="nv">temperature</span><span class="p">:</span> <span class="kt">String</span> <span class="o">=</span> <span class="s">""</span> <span class="k">let</span> <span class="nv">kelvinTemperature</span> <span class="o">=</span> <span class="kt">Measurement</span><span class="p">(</span> <span class="nv">value</span><span class="p">:</span> <span class="n">kelvin</span><span class="p">,</span> <span class="nv">unit</span><span class="p">:</span> <span class="kt">UnitTemperature</span><span class="o">.</span><span class="n">kelvin</span> <span class="p">)</span> <span class="c1">//temperature is automatically changed the celcius / farenheit depending on locale.</span> <span class="n">temperature</span> <span class="o">=</span> <span class="n">measureFormatter</span><span class="o">.</span><span class="nf">string</span><span class="p">(</span><span class="nv">from</span><span class="p">:</span> <span class="n">kelvinTemperature</span><span class="p">)</span> <span class="c1">//70°F</span> <span class="nf">print</span><span class="p">(</span><span class="n">temperature</span><span class="p">)</span> </code></pre> </div> <h2> UnitStyle </h2> <div class="highlight js-code-highlight"> <pre class="highlight swift"><code><span class="c1">//70 degrees Fahrenheit</span> <span class="n">measureFormatter</span><span class="o">.</span><span class="n">unitStyle</span> <span class="o">=</span> <span class="o">.</span><span class="n">long</span> <span class="c1">//70°F</span> <span class="n">measureFormatter</span><span class="o">.</span><span class="n">unitStyle</span> <span class="o">=</span> <span class="o">.</span><span class="n">medium</span> <span class="c1">//70°</span> <span class="n">measureFormatter</span><span class="o">.</span><span class="n">unitStyle</span> <span class="o">=</span> <span class="o">.</span><span class="n">short</span> </code></pre> </div> <p>The default unitStyle is medium. You can set the three different unitStyle. </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Gxu8THIC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r7eks9wmanqlge0d9uxo.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Gxu8THIC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r7eks9wmanqlge0d9uxo.png" alt="Results" width="800" height="991"></a></p> <p>Apple Weather App<br> The unitStyle is short.</p> <p>If you want to see more postings, visit my blog. <a href="https://shawnbaek.com">https://shawnbaek.com</a></p>