ToB企服应用市场:ToB评测及商务社交产业平台

标题: 【Android开发-使用Android Studio开发用户注册项目】 [打印本页]

作者: 商道如狼道    时间: 2024-10-16 17:10
标题: 【Android开发-使用Android Studio开发用户注册项目】
Android开发教程


前言

        本文解说了使用最新版Android Studio创建简单的用户注册界面的教程。                        

一、开发步调
1.打开Android Studio并创建项目

        打开Android Studio,点击Empty Views Activity,选择底子项目模板并举行创建,接着设置项目名称,编程语言等;然后点击finish完成项目创建。


2.分析注册页面

        在res目录下找到activity_main.xml,这是Android Studio的主页面文件,通过xml语法来举行界面的筹划。

        也可以点击左上角的可视化页面开发,使用拖拽控件的情势举行开发。

        这里我们将演示如何创建一个简单的注册页面,该注册界面如图下所示,这个注册界面包含一个简单的LinearLayout,这个LinearLayout包含手机号输入框,密码输入框,以及一个性别选择器,同时包含多个爱好爱好的复选框。城市下拉框选择器以及一个注册按钮。

        下面给出了这个页面的xml代码,这是一个简单的注册页面的xml代码。其中,Spinner的城市数据需要动态加载,因此需要在MainActivity.java里面编写对应的数据代码。
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:id="@+id/main"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     tools:context=".MainActivity">
  9.     <LinearLayout
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:orientation="horizontal">
  13.         <TextView
  14.             android:id="@+id/textView"
  15.             android:layout_width="wrap_content"
  16.             android:layout_height="wrap_content"
  17.             android:layout_weight="0"
  18.             android:text="手机号:" />
  19.         <EditText
  20.             android:id="@+id/editTextText"
  21.             android:layout_width="wrap_content"
  22.             android:layout_height="wrap_content"
  23.             android:layout_weight="1"
  24.             android:ems="10"
  25.             android:inputType="text"
  26.             android:hint="请输入手机号" />
  27.     </LinearLayout>
  28.     <LinearLayout
  29.         android:layout_width="match_parent"
  30.         android:layout_height="wrap_content"
  31.         android:orientation="horizontal">
  32.         <TextView
  33.             android:id="@+id/textView1"
  34.             android:layout_width="wrap_content"
  35.             android:layout_height="wrap_content"
  36.             android:layout_weight="0"
  37.             android:text="密     码:" />
  38.         <EditText
  39.             android:id="@+id/editTextText1"
  40.             android:layout_width="wrap_content"
  41.             android:layout_height="wrap_content"
  42.             android:layout_weight="1"
  43.             android:ems="10"
  44.             android:inputType="text"
  45.             android:hint="请输入密码" />
  46.     </LinearLayout>
  47.     <RadioGroup
  48.         android:layout_width="match_parent"
  49.         android:orientation="horizontal"
  50.         android:layout_height="40dp" >
  51.         <RadioButton
  52.             android:id="@+id/radioButton"
  53.             android:layout_width="wrap_content"
  54.             android:layout_height="wrap_content"
  55.             android:checked="true"
  56.             android:text="男" />
  57.         <RadioButton
  58.             android:id="@+id/radioButton2"
  59.             android:layout_width="wrap_content"
  60.             android:layout_height="wrap_content"
  61.             android:text="女" />
  62.     </RadioGroup>
  63.     <LinearLayout
  64.         android:layout_width="match_parent"
  65.         android:layout_height="wrap_content"
  66.         android:orientation="horizontal">
  67.         <CheckBox
  68.             android:id="@+id/checkBox"
  69.             android:layout_width="wrap_content"
  70.             android:layout_height="wrap_content"
  71.             android:text="读书" />
  72.         <CheckBox
  73.             android:id="@+id/checkBox2"
  74.             android:layout_width="wrap_content"
  75.             android:layout_height="wrap_content"
  76.             android:checked="true"
  77.             android:text="打球" />
  78.         <CheckBox
  79.             android:id="@+id/checkBox3"
  80.             android:layout_width="wrap_content"
  81.             android:layout_height="wrap_content"
  82.             android:text="听音乐" />
  83.     </LinearLayout>
  84.     <Spinner
  85.         android:id="@+id/spinner"
  86.         android:layout_width="match_parent"
  87.         android:layout_height="50dp"
  88.         android:layout_weight="0" />
  89.     <Button
  90.         android:id="@+id/button"
  91.         android:layout_width="match_parent"
  92.         android:layout_height="50dp"
  93.         android:text="注册" />
  94. </LinearLayout>
复制代码
        MainActivity.java是安卓的主代码,就是Android App进入之后的运行的第一个代码,主界面activity_mian.xml就是在这里被渲染成安卓上面显示的页面的。

        MainActivity.java里面,首先通过在xml文件里面Spinner对应的id获取到这个组件,通过使用Spinner spinner = (Spinner)findViewById(R.id.spinner)实现,如果需要为Spinner设置动态数据,需要使用Adapter来举行数据与视图的绑定,这里首先创建了一个包含多个城市的字符串数组,然后使用ArrayAdapter<String>将数组对象转为视图的ArrayAdapter,其中this是当前MainActivity的实例,创建完成adapter对象之后,我们spinner的setAdapter方法将我们的城市数据的Adapter与识图绑定,便完成了让Spinner显示城市数据的
  1. package com.xiaoyun.myapplication;
  2. import android.annotation.SuppressLint;
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.widget.ArrayAdapter;
  6. import android.widget.Spinner;
  7. import android.*;
  8. import androidx.activity.EdgeToEdge;
  9. import androidx.appcompat.app.AppCompatActivity;
  10. import androidx.core.graphics.Insets;
  11. import androidx.core.view.ViewCompat;
  12. import androidx.core.view.WindowInsetsCompat;
  13. public class MainActivity extends AppCompatActivity {
  14.     @Override
  15.     protected void onCreate(Bundle savedInstanceState) {
  16.         super.onCreate(savedInstanceState);
  17.         EdgeToEdge.enable(this);
  18.         setContentView(R.layout.activity_main);
  19.         ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
  20.             Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
  21.             v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
  22.             return insets;
  23.         });
  24.         //设置Sinner加载动态数据
  25.         Spinner spinner = (Spinner)findViewById(R.id.spinner);
  26.         String[] citys=new String[]{"北京","上海","武汉","南京","南昌","信阳"};
  27.         ArrayAdapter<String> adapter=new ArrayAdapter<>(this, android.R.layout.simple_list_item_1,citys);
  28.         spinner.setAdapter(adapter);
  29.     }
  30. }
复制代码
二、编译项目而且运行
        完成项目标开发与筹划之后,我们点击绿色三角按钮运行项目,项目会自动编译,而且打开Android Studio的假造器运行项目。


总结

        本日主要介绍了使用最新版Android Studio举行简单页面筹划的过程,重点强调了Spinner的动态数据绑定的用法,同时对项目举行编译而且使用假造机举行运行和显示。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。




欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4