eclipse Android創建相對布局和線性布局,主界面跳轉


實驗步驟

1.在之前創建的Android項目中添加兩個新的Activity,右擊src,選擇NEW,選擇最下面的other。

 

再點next

 

 

 

 再給自己的活動命名

 

 

 

2.我創建的兩個Activity,一個是XiangDuiMainActivity相對布局一個是XianXinMainActivity線性布局(我拼音拼錯了)創建成功后會有如下顯示:

 

 

 

AndroidManifest中可以看到自己建立的兩個activity

 

 

 3.下面一步是設計相對布局和線性布局,代碼如下:

相對布局

<RelativeLayout 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: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=".XiangDuiMainActivity" >

 

    <ImageView

        android:id="@+id/imageView1"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_centerInParent="true"

        android:contentDescription="@string/description"

        android:src="@drawable/ic_launcher" />

 

    <ImageView

        android:id="@+id/imageView2"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_toLeftOf="@+id/imageView1"

        android:layout_centerVertical="true"

        android:contentDescription="@string/description"

        android:src="@drawable/ic_launcher" />

    <ImageView

        android:id="@+id/imageView3"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_toRightOf="@+id/imageView1"

        android:layout_centerVertical="true"

        android:contentDescription="@string/description"

        android:src="@drawable/ic_launcher" />

    <ImageView

        android:id="@+id/imageView4"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_above="@+id/imageView1"

        android:layout_centerHorizontal="true"

        android:contentDescription="@string/description"

        android:src="@drawable/ic_launcher" />

    <ImageView

        android:id="@+id/imageView5"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_below="@+id/imageView1"

        android:layout_centerHorizontal="true"

        android:contentDescription="@string/description"

        android:src="@drawable/ic_launcher" />

    <ImageView

        android:id="@+id/imageView7"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_alignLeft="@+id/imageView3"

        android:layout_below="@+id/imageView5"

        android:layout_marginTop="15dp"

        android:layout_marginLeft="15dp"

        android:contentDescription="@string/description"

        android:src="@drawable/pic2" />

    <ImageView

        android:id="@+id/imageView6"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_marginTop="15dp"

        android:layout_marginLeft="15dp"

        android:contentDescription="@string/description"

        android:src="@drawable/pic3" />

    

</RelativeLayout>

 

 

線性布局

<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="#FFF000"
    android:orientation="vertical"
    
    tools:context=".XianXinMainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#18B4ED"
        android:orientation="horizontal" >
        
        <LinearLayout
            android:layout_width="106dp"
            android:layout_height="100dp"
            android:background="#FFB6C1"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="@string/lisi" />
  
        </LinearLayout>
        
        <LinearLayout
            android:layout_width="113dp"
            android:layout_height="100dp"
            android:background="#FF00FF" >

            <TextView
                android:id="@+id/textView3"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="@string/wangwu" />
        </LinearLayout>
        <TextView
                android:id="@+id/textView4"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="@string/luliu" />
    </LinearLayout>
    
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="#FFFFFF"
        android:orientation="vertical" >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#FF0000">
            <TextView
            android:id="@+id/textView5"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/zhaoqi" />
                   
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:background="#F4A460">
            <TextView
                    android:id="@+id/textView6"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="@string/chenba" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:background="#EE82EE">
            <TextView
                    android:id="@+id/textView7"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="center"
                    android:text="@string/huangjiu" />
        </LinearLayout>
    </LinearLayout>
    
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/zhangsan" />
</LinearLayout>

 

主界面

<RelativeLayout 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="@drawable/pic1"
    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=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="18dp"
        android:layout_marginRight="25dp"
        android:text="@string/xiangdui" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button2"
        android:layout_alignBottom="@+id/button2"
        android:layout_alignLeft="@+id/textView1"
        android:layout_marginLeft="24dp"
        android:text="@string/xianxing" />

</RelativeLayout>

 

還有就是主界面Activity的跳轉代碼

 

package com.example.test;

import com.example.test.R;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity  {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button1 = (Button)findViewById(R.id.button1);
        Button button2 = (Button)findViewById(R.id.button2);
        button1.setOnClickListener(new OnClickListener(){
            @Override
            public void onClick(View v) {
                //點擊后執行
                Intent intent = new Intent(MainActivity.this,XianXinMainActivity.class);
                startActivity(intent);
            }        
        });
        button2.setOnClickListener(new OnClickListener(){
            @Override
            public void onClick(View v) {
                //點擊后執行
                Intent intent = new Intent(MainActivity.this,XiangDuiMainActivity.class);
                startActivity(intent);
            }        
        });
    
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}

4.運行結果

主界面

 

線性布局界面

 

 

 

相對布局界面

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM