The Android UI is very customizable.. it's kind of like HTML and CSS.
You can set a background image for every view, override the default images for every view, etc. He's probably just set custom background images for the layout at the top, and the buttons. It'd be pretty easy to do something like this.
An example titlebar, assuming you have the images:
<LinearLayout android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/iphone_titlebar">
<Button android:id="@+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Main"
android:textColor="#fff"
android:background="@drawable/iphone_back" />
<TextView android:id="@+id/title_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:textColor="#fff"
android:textStyle="bold"
android:text="Geo Location"/>
</LinearLayout>
Relevant links:
- http://developer.android.com/intl/zh-CN/guide/topics/ui/themes.html
- http://developer.android.com/intl/zh-CN/guide/developing/tools/draw9patch.html
On another note, it really just looks like he took a screenshot of something, and pasted it over a screenshot of the Android emulator. That whole image is weird as hell.
An another another note, if you already asked this question, why are you asking it again? It looks like someone already answered it. Did you not like his answer?
synic
2010-05-09 06:07:10