Baseline nested : Layout « UI « Android






Baseline nested

     
/*
 * Copyright (C) 2007 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.example.android.apis.view;

import com.example.android.apis.R;

import android.app.Activity;
import android.os.Bundle;

/**
 * Baseline alignment includes elements within nested vertical
 * {@link android.widget.LinearLayout}s.
 */
public class BaselineNested1 extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);
    }
}
//main.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2007 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at
  
          http://www.apache.org/licenses/LICENSE-2.0
  
     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="3dip"
        android:layout_gravity="center_vertical"
        android:text="baseline_nested_1_label" />

    <!-- We want the middle textview of this vertical linear layout to
      be baseline aligned with the others.-->
    <LinearLayout
            android:orientation="vertical"
            android:baselineAlignedChildIndex="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/arrow_up_float"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dip"
            android:text="baseline_nested_1_label" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/arrow_down_float"/>
    </LinearLayout>


    <!-- We want the third index textview of this vertical linear layout to
      be baseline aligned with the others.-->
    <LinearLayout
            android:orientation="vertical"
            android:baselineAlignedChildIndex="2"
            android:layout_width="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_height="wrap_content">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/arrow_up_float"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/arrow_up_float"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dip"
            android:text="baseline_nested_1_label" />
    </LinearLayout>


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_gravity="center_vertical"
        android:text="baseline_nested_1_label" />


</LinearLayout>

   
    
    
    
    
  








Related examples in the same category

1.Load Layout from xml layout file
2.android:layout_width and android:layout_height
3.Provide layout for different screen size
4.Config your own layout through xml
5.extends FrameLayout
6.Table layout inside a Linear layout
7.Set layout alignment base line
8.Using more than one layout xml
9.Using LayoutInflater
10.res\layout\main.xml
11.Using static string in layout xml file from strings.xml
12.Layout Orientation
13.Set Layout Parameters in your code
14.Layout widget with code only
15.Using two layout xml file for one Activity
16.Create the user interface by inflating a layout resource.
17.Layout input form
18.Layout Animation
19.extends ViewGroup to do layout
20.A layout that arranges its children in a grid.
21.Use the animateLayoutChanges tag in XML to automate transition animations as items are removed from or added to a container.
22.Use LayoutTransition to automate transition animations as items are hidden or shown in a container.
23.Layout gravity bottom
24.Layout gravity center vertical
25.Layout align Baseline, align Right
26.Layout grid fade
27.Layout bottom to top slide
28.Layout random fade
29.Layout grid inverse fade
30.Layout wave scale
31.Layout animation row left slide
32.Demonstrates a simple linear layout. The height of the layout is the sum of its children.
33.Demonstrates a simple linear layout. The layout fills the screen, with the children stacked from the top.
34.A simple linear layout fills the screen, with the children stacked from the top. The middle child gets allocated any extra space.
35.Demonstrates a horizontal linear layout with equally sized columns
36.Demonstrates a nesting layouts to make a form
37.Demonstrates a horizontal linear layout with equally sized columns. Some columns force their height to match the parent.
38.A simple layout which demonstrates stretching a view to fill the space between two other views.
39.Demonstrates using a relative layout to create a form
40.Demonstrates wrapping a layout in a ScrollView.
41.This example shows how to use cell spanning in a table layout.
42.Tabs that uses labels TabSpec#setIndicator(CharSequence) for indicators and views by id from a layout file TabSpec#setContent(int)
43.This sample application shows how to use layout animation and various transformations on views.
44.Create Linear Layout
45.Create LayoutParam
46.Inflate Layout
47.Layout Utils
48.Set text Size
49.Set right margin
50.Set baselineAlignedChildIndex
51.Align along with Parent
52.Using LayoutParams