Archive for the ‘Layouts’ Category

App UI / UX – Part 1

Friday, May 23rd, 2014

In the previous series on Bluetooth LE we got a simple app working which read temperature and humidity values from a Texas Instruments SensorTag, and displayed them. Functionally the app worked quite well but, because the series was focused on BLE topics, we neglected the UI somewhat. In this series we’ll take a look at various techniques that we can employ to make our app feel much nicer, and provide a richer and, hopefully, more engaging experience for the user.

Blurring Images – Part 2

Friday, February 21st, 2014

Previously we looked at a method which uses RenderScript to blur the section of an image which lies within the bounds of another view. However we didn’t get as far as actually calling that method and see the blurring in action. The reason for this is that we need to think quite carefully about performance, and on this article we shall look in to this further.

Gradle Build – Part 6

Friday, August 2nd, 2013

Previously in this series we’ve looked at various aspects of the Android Gradle build system and how we can adapt things in various ways. But what about if we want to convert our existing projects to use the Gradle build system? In this article we’ll do precisely that.

Navigation Drawer – Part 3

Friday, May 31st, 2013

In the previous article we began hooking our navigation drawer up to the ActionBar by connecting up the Up/Home button. In this concluding article we’ll change the ActionBar title, and hide any content-specific menus when the drawer is open.

Navigation Drawer – Part 2

Friday, May 24th, 2013

In the previous article we got a basic navigation drawer working. In this article of this series, we’ll begin hooking it up to the ActionBar.

Navigation Drawer – Part 1

Friday, May 17th, 2013

As I am writing this it is Google I/O week 2013. Amongst the new releases this week is a new version of the v4 support library (release 13) which contains support for the Navigation Drawer pattern. This pattern steadily grown in popularity, but until this point there has been no official support and guidelines from Google. This has now changed, and there are official design guidelines. In the recent series on Adapters we created an app which used Spinner navigation in the ActionBar to switch between different examples. In this short series we’ll convert this to use the Navigation Drawer pattern instead.

GridLayout – Revisited

Friday, January 11th, 2013

Back in November 2011 I posted a two part series to Styling Android which covered GridLayout which was introduced in Ice Cream Sandwich (API 14). In those articles, I have mentioned that there were hints from Google’s Dianne Hackbourn that it would be released as a compatibility library project, and it has been. However, there are some tweaks required to get it working with the code from the previous articles, so in this article we’ll look at how to convert the code from the earlier articles to use the compatibility library implementation of GridLayout.

Basic ActionBar – Part 5

Friday, September 7th, 2012

In the previous article we looked at using different controls in our ActionBar to provide custom behaviour. That’s all well and good, but suppose we actually want to do something a little more complex? In this article we’ll have a look at how we can use custom layouts within our ActionBar.

Compound Drawables

Friday, January 20th, 2012

I recently learned about a small feature in Android which has been there since API level 1 (the variant that we’ll use has been in there since API 3, but others appeared in API 1): Compound Drawables. In this article we’ll have a look at what they are and see how we can use them to simplify some of our layouts.

Presenter – Part 6

Friday, December 30th, 2011

In previous articles in this series we have looked at the app that I used for my presentation at AndroidConf Brasil 2011. In this concluding part we’ll have a look at some of the animations that were used throughout the presentation.