{"id":5650,"date":"2016-12-19T17:12:59","date_gmt":"2016-12-20T01:12:59","guid":{"rendered":"https:\/\/blog.mhvt.net\/?p=5650"},"modified":"2016-12-19T17:12:59","modified_gmt":"2016-12-20T01:12:59","slug":"ios-swift-making-custom-rounded-corner-progress-bar-with-uiview","status":"publish","type":"post","link":"https:\/\/blog.mhvt.net\/?p=5650","title":{"rendered":"iOS & Swift – Making Custom Rounded-Corner Progress Bar With UIView"},"content":{"rendered":"

\"iPhone<\/a>
\n
<\/br>
\n
<\/br>
\nTOKYO (MacHouse) – About a week ago, I spotted a topic<\/a> at stackoverflow<\/strong> where somebody wanted to know how to create a custom progress bar with a rectangle with rounded corners. And I thought to myself “Hmm… I wonder if I could do it simply by using a custom UIView<\/strong> class?” So I launched Xcode 8<\/strong> and started writing code in Swift<\/strong> (Swift 3). And voila! I guess, it’s not that bad. (See Screenshot 1.)
\n
<\/br><\/p>\n\n\n
\"iOS<\/a><\/a><\/p>\n
Screenshot 1<\/div>\n<\/td>\n
 <\/td>\n\"iOS<\/a><\/a><\/p>\n
Screenshot 2<\/div>\n<\/td>\n<\/tr>\n<\/table>\n

<\/br>
\nIn order to create a progress bar like the one shown in Screenshot 1, you probably want to subclass UIView so that you can curve corners of a rectangle, which is an instance of a UIView subclass. let sleepTime = UInt32(animationPeriod\/100 * 1000000) In my example, I’m making progress artificial with sleep like
\n
<\/br>
\nlet sleepTime = UInt32(animationPeriod\/100 * 1000000)<\/code>
\n
<\/br>
\nClick here<\/a> to watch a quick iPhone Simulator QuickTime movie.<\/p>\n","protected":false},"excerpt":{"rendered":"

TOKYO (MacHouse) – About a week ago, I spotted a topic at stackoverflow where somebody wanted to know how to create a custom progress bar with a rectangle with rounded corners. And I thought to myself “Hmm… I wonder if … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":342,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[504,507],"tags":[],"class_list":["post-5650","post","type-post","status-publish","format-standard","hentry","category-ios","category-swift"],"_links":{"self":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/5650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/users\/342"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5650"}],"version-history":[{"count":4,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/5650\/revisions"}],"predecessor-version":[{"id":5654,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/5650\/revisions\/5654"}],"wp:attachment":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}