Wheel UI contol

Have you ever seen the iPhone date time picker?

Next is the corresponding Android control

Poor design...

But, fortunately, there is an ability to create own UI controls. So I decided to implement this one.

Actually, this time picker is a sample activity that uses my control called NumericWheel.
XML Layout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_height="wrap_content"
     android:layout_gravity="center_horizontal"
     android:layout_width="fill_parent"
     android:paddingLeft="12dp"
     android:paddingRight="12dp"
     android:paddingTop="4dp"
     android:background="@drawable/layout_bg">

     <test.android.ui.NumericWheel android:id="@+id/hour"
          android:layout_height="wrap_content"
          android:layout_width="fill_parent"
          android:layout_weight="1"/>
     <test.android.ui.NumericWheel android:id="@+id/mins"
          android:layout_height="wrap_content"
          android:layout_width="fill_parent"
          android:layout_weight="1"/>
</LinearLayout>

Activity code:

public class TimeActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.time_layout);

        NumericWheel hours = (NumericWheel) findViewById(R.id.hour);
        hours.setMaxValue(23);
        hours.setCaption("hour");

        NumericWheel mins = (NumericWheel) findViewById(R.id.mins);
        mins.setMaxValue(59);
        mins.setCaption("mins");

        Calendar c = Calendar.getInstance();
        mins.setValue(c.get(Calendar.MINUTE));
        hours.setValue(c.get(Calendar.HOUR_OF_DAY));
    }
}

It is possible also to use the wheel control, for example, to enter PIN code or something like that:

Here are used four wheel controls.

It is a very interesting theme, and in next topics I'll describe functionality of  the wheel control and how to implement and improve it

See also
    The Wheel control layouts
    The Wheel control backgrounds
    Scrolling the wheel control
    Ideas for the future