12.综合运用:模拟王者荣耀的登陆界面,并实现两个页面的跳转

1. 目标页面

     结合前面练习用到的控件,实现一个简单的登陆界面,用户输入相关信息以后,单击登陆按钮,跳转到下一个页面,并在第二个页面显示用户的信息,页面如下:
    12.综合运用:模拟王者荣耀的登陆界面,并实现两个页面的跳转_第1张图片
   在这里,要设置页面为横屏显示,以及需要两个布局页面两个分开的java逻辑,具体如下。
    该工程在csdn中的下载链接

2.页面布局

  a.第一个页面的xml布局如下:


    
    

    

    
    
    

        

        
    
    
    
        
        
        
    

    
*在上面的列表选择框Spinner控件中的android:entries="@array/people"这个属性,要新建一个数组资源文件(在res/values文件夹下新建一个array的xml文件),资源文件如下:


    
        射手
        法师
        战士
        辅助
        刺客
    



b.第二个页面的布局(在res/layout文件下新创建一个xml文件)



    

        
    



3.事件响应

a.首先在主类中将第一个页面的值获得,并传入第二个页面中。获得第一个界面的值,需要为响应的控件添加监听器。具体作法如下:
package com.example.demo;

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.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity 
{
	TextView name=null;
	TextView password=null;
	RadioGroup radio=null;
	RadioButton radioButton=null;
	Spinner hero=null;
	String selectHero=null;
	Button login=null;
	
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //第一个界面---获取控件
        name=(TextView) findViewById(R.id.name);
        password=(TextView) findViewById(R.id.password);
        radio=(RadioGroup) findViewById(R.id.radio);
        hero=(Spinner) findViewById(R.id.spinner);
        login=(Button) findViewById(R.id.login);
        
        //第一个界面---添加事件监听
        radio.setOnCheckedChangeListener(new OnCheckedChangeListener() 
        {
			
			@Override
			public void onCheckedChanged(RadioGroup arg0, int arg1)
			{
				//arg1是单选按钮组中选中的单选按钮
				radioButton=(RadioButton) findViewById(arg1);
			}
		});
        hero.setOnItemSelectedListener(new OnItemSelectedListener()
        {

			@Override
			public void onItemSelected(AdapterView arg0, View arg1,
					int arg2, long arg3) 
			{
				selectHero=arg0.getSelectedItem().toString();
				
			}

			@Override
			public void onNothingSelected(AdapterView arg0) {
				// TODO Auto-generated method stub
				
			}
        	
		});
        
        //第一个界面---按钮的事件监听,在此跳转
        login.setOnClickListener(new OnClickListener() 
        {
			
			@Override
			public void onClick(View arg0)
			{
				//使用Intent跳转到第二个页面,并进行传值
                Intent i=new Intent(MainActivity.this,NextActivity.class);
                i.putExtra("name", name.getText().toString());
                i.putExtra("pw", password.getText().toString());
                i.putExtra("sex", radioButton.getText().toString());
                i.putExtra("hero", selectHero);
                startActivity(i);
				
			}
		});
    }


    @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;
    }
    
}
b.跳转的第二个如下:
package com.example.demo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

public class NextActivity extends Activity 
{
	TextView show=null;
	
	 protected void onCreate(Bundle savedInstanceState)
	    {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.activity_next);

	        show=(TextView) findViewById(R.id.show);
	        Intent it=getIntent();
	        String name=it.getStringExtra("name");
	        String password=it.getStringExtra("pw");
	        String sex=it.getStringExtra("sex");
	        String selectHero=it.getStringExtra("hero");
	        show.setText(name+"欢迎进入王者荣耀!\n"+"您的登陆密码为:"+password+
	        		"\n选择的英雄为:"+selectHero);
	    }
}
c.新建的 NextActivity.java必须要继承Activity,并且要在清单文件中注册,主要如下:

4.运行效果

12.综合运用:模拟王者荣耀的登陆界面,并实现两个页面的跳转_第2张图片
12.综合运用:模拟王者荣耀的登陆界面,并实现两个页面的跳转_第3张图片

3.事件响应

你可能感兴趣的:(实践小项目,Android初学实例,android,控件)