<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2" -->

---
title: Create a Custom Slider With RubyMotion | daily.dev
description: A practical walkthrough on customizing the UISlider component in iOS using RubyMotion. Covers setting up the AppDelegate and controller, displaying a basic...
canonical: https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Create a Custom Slider With RubyMotion | daily.dev
og:description: A practical walkthrough on customizing the UISlider component in iOS using RubyMotion. Covers setting up the AppDelegate and controller, displaying a basic...
og:url: https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2
og:image: https://api.daily.dev/og/posts/ureHuXie2.png
og:image:alt: Create a Custom Slider With RubyMotion
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a Custom Slider With RubyMotion

**[Marc G Gauthier](https://daily.dev/sources/marcgg)** · 5 min read · 0 upvotes · 0 comments

## Summary

A practical walkthrough on customizing the UISlider component in iOS using RubyMotion. Covers setting up the AppDelegate and controller, displaying a basic UISlider, replacing track images with custom assets, removing or replacing the thumb image, and enlarging the touch target area for better UX. Code snippets are provided throughout, with the full project available on GitHub.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://marcgg.com/blog/2012/10/22/custom-slider-ios-rubymotion/>

## Similar posts on daily.dev

- [Build a reusable before/after image slider with Stimulus](https://daily.dev/posts/build-a-reusable-before-after-image-slider-with-stimulus-363uv5vhz) · RUBYLAND · 0 upvotes · 0 comments

---

Tags: [#ios](https://daily.dev/tags/ios), [#ruby](https://daily.dev/tags/ruby)

[View this post on daily.dev](https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Create a Custom Slider With RubyMotion","url":"https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2"},"datePublished":"2026-03-26T08:35:50.411Z","dateModified":"2026-03-26T08:37:02.884Z","description":"A practical walkthrough on customizing the UISlider component in iOS using RubyMotion. Covers setting up the AppDelegate and controller, displaying a basic...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fd670308452c07e7df8aa74cdb8440a1?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fd670308452c07e7df8aa74cdb8440a1?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Marc G Gauthier","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Marc G Gauthier","logo":"https://media.daily.dev/image/upload/s--P4lsZKFE--/f_auto,q_auto/v1774514113/logos/marcgg?_a=BAMAMiWQ0","url":"https://daily.dev/sources/marcgg"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/create-a-custom-slider-with-rubymotion-urehuxie2","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ios,ruby","timeRequired":"PT5M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Marc G Gauthier","item":"https://daily.dev/sources/marcgg"},{"@type":"ListItem","position":3,"name":"Create a Custom Slider With RubyMotion"}]}
```

