安卓简单界面-1

安卓简单注册界面的实现

要求：

1.对布局的熟悉和运用
2.对监听事件的运用

1.xml界面代码

--xml界面代码--
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/relativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@+id/relativeLayout2"
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="47dp"
            android:layout_alignParentLeft="true"
            android:paddingLeft="10dp"
            android:gravity="center_vertical"
            android:background="@drawable/top_bg"
            android:text="注册个人资料"
            android:textColor="#FFFFFF"
            android:textSize="20sp"
            android:textStyle="bold" />


    </RelativeLayout>

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:layout_below="@+id/relativeLayout2"
        android:layout_marginTop="0dp"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/profile"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:background="@drawable/profile" />

        <RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignEnd="@+id/two"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/radio1"
                android:layout_marginTop="30dp"
                android:layout_marginLeft="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="学生"
                android:checked="true"
                />

            <RadioButton
                android:id="@+id/radio2"
                android:layout_marginTop="30dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="已工作"
                android:layout_marginLeft="20dp"
                />

        </RadioGroup>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/linearLayout1"
        android:layout_marginTop="-1dp"
        android:orientation="vertical">

        <EditText
            android:id="@+id/username"
            android:selectAllOnFocus="true"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_margin="5dp"
            android:hint="姓名"
            android:maxLines="1"
            android:paddingLeft="10dp"
            android:textSize="15sp" />

        <EditText
            android:id="@+id/phone"
            android:inputType="phone"
            android:selectAllOnFocus="true"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_margin="5dp"
            android:hint="手机号"
            android:maxLines="1"
            android:paddingLeft="10dp"
            android:textSize="15sp" />

        <EditText
            android:id="@+id/password"
            android:selectAllOnFocus="true"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:layout_margin="5dp"
            android:hint="密码"
            android:inputType="textPassword"
            android:maxLines="1"
            android:paddingLeft="10dp"
            android:textSize="15sp" />

        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/hobby"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_margin="20dp"
                android:text="兴趣:"
                android:textColor="#000000"
                android:textSize="20dp" />

            <CheckBox
                android:id="@+id/program"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:text="编程" />

            <CheckBox
                android:id="@+id/swim"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:text="游泳" />

            <CheckBox
                android:id="@+id/run"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:text="跑步" />

        </LinearLayout>

        <Button
            android:id="@+id/button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/dialog_up"
            android:text="注册"
            android:textSize="20dp" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/show"
            />
    </LinearLayout>
</RelativeLayout>

实现如图：

2.添加事件响应代码

package com.example.myapplication2;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener
{
    EditText etName = null;
    EditText etPhone = null;
    EditText    etPassword= null;
    RadioButton  rbStudent = null;
    RadioButton rbWorker = null;
    CheckBox cbProgram = null;
    CheckBox cbSwim = null;
    CheckBox cbRun = null;
    Button btRegister = null;
    TextView tvShow = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        etName = (EditText)findViewById(R.id.username);
        etPhone = (EditText)findViewById(R.id.phone);
        etPassword = (EditText)findViewById(R.id.password);
        rbStudent = (RadioButton) findViewById(R.id.radio1);
        rbWorker = (RadioButton)findViewById(R.id.radio2);
        cbProgram = (CheckBox)findViewById(R.id.program);
        cbSwim = (CheckBox)findViewById(R.id.swim);
        cbRun = (CheckBox)findViewById(R.id.run);
        btRegister = (Button)findViewById(R.id.button);
        tvShow = (TextView)findViewById(R.id.show);

        btRegister.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        String sName = etName.getText().toString().trim();
        if(TextUtils.isEmpty(sName)){
            Toast.makeText(MainActivity.this,"用户名不能为空！",Toast.LENGTH_LONG).show();
            return;
        }
        if(etPhone==null||etPhone.length()<11)
        {
            Toast.makeText(MainActivity.this,"号码输入错误,输入正确的11位号码！",Toast.LENGTH_LONG).show();
            return;
        }

        String type;
        if(rbStudent.isChecked())
            type = rbStudent.getText().toString();
        else
            type = rbWorker.getText().toString();

        tvShow.append("注册成功！");
        tvShow.setText("用户名："+etName.getname().toString);
        tvShow.append(",手机号："+etPhone.getText().toString());
        tvShow.append(",密码："+etPassword.getText().toString()+"\n");
        tvShow.append("你现在是："+type+"\n");
        tvShow.append("你的爱好为：");
        if (cbProgram.isChecked()) tvShow.append("编程");
        if (cbSwim.isChecked()) tvShow.append("，游泳");
        if (cbRun.isChecked()) tvShow.append("，跑步");
    }
}

3.图片导入

选好需要的图片素材放入该项目的drawable

4.可能存在的问题

1.运行没有错误 虚拟机打不开 →更换虚拟机 或者重新新建项目导入代码
2.运行标题栏的去除
再项目 manifests-AndroidManifest.xml中添加或者修改

<application android:theme="@android:style/Theme.NoTitleBar">

3.（question）图片用background导入时图片的朝向不对，还未找到解决方法