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 1

screenshot 2: top bar stays @ top , allows scroll down see events.

screenshot 2

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

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

c++ - OpenMP unpredictable overhead -

javascript - Wordpress slider, not displayed 100% width -