android - Making my layout better looking -
i looking design, , feel suggestions based on have - ugly: http://screencast.com/t/mjhawfefnbrb
it listview such: *
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" > <textview android:id="@+id/textview1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_margintop="10dp" android:text="@string/news_name_placeholder" android:layout_weight="3" style="?android:attr/listseparatortextviewstyle" android:textappearance="?android:attr/textappearancemedium" /> <textview android:id="@+id/textview2" android:layout_width="0dp" android:layout_margintop="10dp" android:layout_height="match_parent" android:text="@string/news_date_placeholder" android:gravity="right" android:layout_weight="1" style="?android:attr/listseparatortextviewstyle" android:textappearance="?android:attr/textappearancemedium" /> </linearlayout>
it hard on eyes, i'm hoping can great ideas on how make more enjoyable user, , make sexy.
each line can different depending on data, either need them are, or way indicate incoming data in 3 different states (currently red, yellow, green).
what call type of element http://41.media.tumblr.com/91b9c05d7af1016675da74a7a232f39d/tumblr_mloupih0gn1snfpwco1_400.png in order search how ?
hopefully gets design ideas flowing :) thx
i have decided make scratch can build on, desired want achieve (in screenshot) professional , hard source of / make.
here i've got, intead of changing text color , making peoples eyes bleed have color on side representing status (i'm guessing that's is).
screenshot 1: top bar fixed top, events displayed below corresponding priority / status.
screenshot 2: top bar stays @ top , allows scroll down see events.
activity_main.xml
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#f7c26d" android:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context="com.example.testdesignapp.mainactivity" android:orientation="vertical"> <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginbottom="10dp" android:background="#eda737" android:gravity="top" android:orientation="horizontal" android:padding="5dp" > <textview android:id="@+id/textview1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="top bar " /> <textview android:id="@+id/textview2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="non scrolling " /> <textview android:id="@+id/textview3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="if needed" /> </linearlayout> <scrollview android:layout_width="match_parent" android:layout_height="wrap_content" > <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/green" /> <textview android:id="@+id/textview4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview1" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview4" android:layout_below="@+id/textview4" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/yellow" /> <textview android:id="@+id/textview6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview2" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview6" android:layout_below="@+id/textview6" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/red" /> <textview android:id="@+id/textview8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview3" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview8" android:layout_below="@+id/textview8" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/green" /> <textview android:id="@+id/textview10" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview4" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview11" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview10" android:layout_below="@+id/textview10" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/yellow" /> <textview android:id="@+id/textview12" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview5" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview13" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview12" android:layout_below="@+id/textview12" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/red" /> <textview android:id="@+id/textview14" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview7" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview15" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview14" android:layout_below="@+id/textview14" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/green" /> <textview android:id="@+id/textview16" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview8" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview17" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview16" android:layout_below="@+id/textview16" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/yellow" /> <textview android:id="@+id/textview18" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview9" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview19" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview18" android:layout_below="@+id/textview18" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> <relativelayout android:layout_width="match_parent" android:layout_height="wrap_content"> <imageview android:id="@+id/imageview10" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/red" /> <textview android:id="@+id/textview20" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparenttop="true" android:layout_marginleft="5dp" android:layout_margintop="10dp" android:layout_torightof="@id/imageview10" android:text="spanish unemployment change 19:00" android:textsize="13sp" /> <textview android:id="@+id/textview21" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignleft="@+id/textview20" android:layout_below="@+id/textview20" android:text="this detail event, such date 02-12-2014 19:00 gmt." android:textcolor="#595959" android:textsize="12sp" /> </relativelayout> </linearlayout> </scrollview>
the 3 images used (green, yellow, red) can generate here
hope helped, luck! ;)
markus
Comments
Post a Comment