This is also part of the Android UI series. Here we see how to get the look and feel of the black Halo flat buttons seen on Sony ion or Xperia phones. Quite good looking buttons.
The objective UI is as follows. Notice the Back button at the bottom.
The layout xml for this button is as follows.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/about_footerlayout"
android:layout_marginTop="3dip"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_width="fill_parent"
android:gravity="center">
<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#393b3e"
android:layout_alignParentTop="true"
/>
<Button
android:id="@+id/about_back_btn"
style="?android:attr/borderlessButtonStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:paddingBottom="6dip"
android:paddingLeft="6dip"
android:paddingRight="6dip"
android:paddingTop="6dip"
android:text="@string/get_btn_back" />
</LinearLayout>
The objective UI is as follows. Notice the Back button at the bottom.
The layout xml for this button is as follows.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/about_footerlayout"
android:layout_marginTop="3dip"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_width="fill_parent"
android:gravity="center">
<View
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="#393b3e"
android:layout_alignParentTop="true"
/>
<Button
android:id="@+id/about_back_btn"
style="?android:attr/borderlessButtonStyle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:paddingBottom="6dip"
android:paddingLeft="6dip"
android:paddingRight="6dip"
android:paddingTop="6dip"
android:text="@string/get_btn_back" />
</LinearLayout>
No comments:
Post a Comment