Code Library » relativelayout http://www.ucosoft.com Free Source Code and Program Tips Thu, 22 Jul 2010 05:17:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Eclipse developed Android, RelativeLayout (study 3) http://www.ucosoft.com/eclipse-developed-android-relativelayout-study-2.html http://www.ucosoft.com/eclipse-developed-android-relativelayout-study-2.html#comments Fri, 18 Dec 2009 10:15:06 +0000 support http://www.ucosoft.com/uncategorized/eclipse-developed-android-relativelayout-study-2.html Hello, RelativeLayout

A RelativeLayout is a ViewGroup that allows you to layout child elements in positions relative to the parent or siblings elements.

  1. Start a new project / Activity called HelloRelativeLayout.
  2. Open the layout file. Make it like so: 
    1

      <? xml version = "1.0" encoding = "utf-8"?> <RelativeLayout xmlns: android = "http://schemas.android.com/apk/res/android" android: layout_width = "fill_parent" android: layout_height = "fill_parent"> <TextView android:id="@+id/label" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Type here:"/> <EditText android: id = " @ + id / entry "android: layout_width =" fill_parent "android: layout_height =" wrap_content "android: background =" @ android: drawable / editbox_background "android: layout_below =" @ id / label "/> <Button android: id = "@ + id / ok" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: layout_below = "@ id / entry" android: layout_alignParentRight = "true" android: layout_marginLeft = "10dip" android: text = " OK "/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/ok" android:layout_alignTop="@id/ok" android:text="Cancel" /> < / RelativeLayout>

    Pay attention to each of the additional layout_* attributes (besides the usual width and height, which are required for all elements). When using relative layout, we use attributes like layout_below and layout_toLeftOf to describe How we'd like to position each View. Naturally, these are different relative positions, and the value of the attribute is the id of the element we want the position relative to.

  3. Make sure your Activity loads this layout in the onCreate() method: 

    1

      public void onCreate (Bundle savedInstanceState) (super.onCreate (savedInstanceState); setContentView (R.layout.main);)

    R.layout.main refers to the main.xml layout file.

  4. Run it.
Tags: , , , ,
]]> http://www.ucosoft.com/eclipse-developed-android-relativelayout-study-2.html/feed 0 Eclipse developed Android, RelativeLayout (study 3) http://www.ucosoft.com/eclipse-developed-android-relativelayout-study.html http://www.ucosoft.com/eclipse-developed-android-relativelayout-study.html#comments Wed, 02 Dec 2009 02:22:56 +0000 support http://www.ucosoft.com/uncategorized/eclipse-developed-android-relativelayout-study.html Hello, RelativeLayout

A RelativeLayout is a ViewGroup that allows you to layout child elements in positions relative to the parent or siblings elements.

  1. Start a new project / Activity called HelloRelativeLayout.
  2. Open the layout file. Make it like so: 
      1.0 & quot ; encoding = & quot ; utf - 8 & quot ;?& gt ; & lt ; RelativeLayout xmlns : android = & quot ; http : //schemas.android.com/apk/res/android&quot; android: layout_width = &quot;fill_parent&quot; android: layout_height = &quot;fill_parent&quot;&gt; &lt;TextView android:id=&quot;@+id/label&quot; android:layout_width=&quot;fill_parent&quot; android:layout_height=&quot;wrap_content&quot; android:text=&quot;Type here:&quot;/&gt; &lt;EditText android: id = &quot; @ + id / entry &quot;android: layout_width =&quot; fill_parent &quot;android: layout_height =&quot; wrap_content &quot;android: background =&quot; @ android: drawable / editbox_background &quot;android: layout_below =&quot; @ id / label &quot;/&gt; &lt;Button android: id = &quot;@ + id / ok&quot; android: layout_width = &quot;wrap_content&quot; android: layout_height = &quot;wrap_content&quot; android: layout_below = &quot;@ id / entry&quot; android: layout_alignParentRight = &quot;true&quot; android: layout_marginLeft = &quot;10dip&quot; android: text = &quot; OK &quot;/&gt; &lt;Button android:layout_width=&quot;wrap_content&quot; android:layout_height=&quot;wrap_content&quot; android:layout_toLeftOf=&quot;@id/ok&quot; android:layout_alignTop=&quot;@id/ok&quot; android:text=&quot;Cancel&quot; /&gt; &lt; / RelativeLayout&gt; & Lt;? Xml version = & quot; 1.0 & quot; encoding = & quot; utf - 8 & quot;? & Gt; & lt; RelativeLayout xmlns: android = & quot; http: / / schemas.android.com / apk / res / android "android: layout_width =" fill_parent "android: layout_height =" fill_parent "> <TextView android: id =" @ + id / label "android: layout_width =" fill_parent "android: layout_height = "wrap_content" android: text = "Type here:" /> <EditText android: id = "@ + id / entry" android: layout_width = "fill_parent" android: layout_height = " wrap_content "android: background =" @ android: drawable / editbox_background "android: layout_below =" @ id / label "/> <Button android: id =" @ + id / ok "android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: layout_below = "@ id / entry" android: layout_alignParentRight = "true" android: layout_marginLeft = "10dip" android: text = "OK" / > <Button android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: layout_toLeftOf = "@ id / ok" android: layout_alignTop = "@ id / ok" android: text = "Cancel" ; /> </ RelativeLayout>

    Pay attention to each of the additional layout_* attributes (besides the usual width and height, which are required for all elements). When using relative layout, we use attributes like layout_below and layout_toLeftOf to describe How we'd like to position each View. Naturally, these are different relative positions, and the value of the attribute is the id of the element we want the position relative to.

  3. Make sure your Activity loads this layout in the onCreate() method: 

      onCreate ( Bundle savedInstanceState ) ( super . onCreate ( savedInstanceState ) ; setContentView ( R. layout . main ) ; ) public void onCreate (Bundle savedInstanceState) (super. onCreate (savedInstanceState); setContentView (R. layout. main);)

    R.layout.main refers to the main.xml layout file.

  4. Run it.
Tags: , , , ,
]]> http://www.ucosoft.com/eclipse-developed-android-relativelayout-study.html/feed 0