Behind the Tech Stack: Custom Views

Dean Murray
Nov 4 · 2 min read
Photo by Paul Skorupskas on Unsplash

Check -In is a mobile app that leverages location-based technology to improve attendance management. Below, I provide insight on how I used Android Custom View during development.

One of the UX choices was to provide visual feedback of adjusting the radius of the Geofence. To do that, I needed a circular view that would dynamically resize based on the progress of a slider widget. After a little research I found information on custom Android views. By extending from the View class I was able to construct a custom view class called ProximityCustomView.

The developer documentation goes into more depth regarding custom view components. Check it out the Developer Docs

I created a RadiusActivty class that handled updating the radius of the custom view based on the progress of the SeekBar. That was a simple matter of implementing the OnSeekChangeListener …

… and updating the radiusSize defined in the ProximityCustomView class.

That’s all for now! In the next part of the series I will dive into how I used Android Geofences for development. Follow me on GitHub to stay updated on the progress of Check-In.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade