详解Android Studio实现用户登陆界面demo(xml实现)

使用Android Studio 编写的第一个demo,使用布局文件—xml实现用户登录界面

注:所建工程均为Android 6.0 所以只要是Android 6.0(包括6.0)以上的真机,模拟机都可以使用

Step1:Android Studio 开发环境的搭建:

1.安装JDK (1.8);
2.安装Android studio (3.3.1) 包含 gradle、sdk manage 、avd manage ;
3.使用sdk manage 下载安装 sdk;
4.使用avd manages 创建虚拟机

Step2: 新建工程项目Myapp2.0

1.在res/layout/activity_main.xml中编写布局内容:

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:paddingLeft="55px"
  android:paddingRight="50px"
  tools:context=".MainActivity">
  <TextView
    android:id="@+id/message"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/activity_horizontal_margin"
    android:layout_marginLeft="@dimen/activity_horizontal_margin"
    android:layout_marginTop="@dimen/activity_vertical_margin"
    android:text="Hello Word!"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
  <View
    android:layout_width="match_parent"
    android:layout_height="2px"
    android:layout_marginTop="16px"
    android:background="#000000" />
  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="28dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="20px"
    android:text="登陆界面" />
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  >
  <EditText
    android:id="@+id/et1"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:paddingLeft="10dp"
    android:hint="请输入账号"
    android:inputType="text"/>
  <ImageView
    android:id="@+id/bt1"
    android:layout_width="25dp"
    android:layout_height="25dp"
    android:layout_marginTop="37dp"
    android:src="@drawable/delete" />
</LinearLayout>
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingLeft="8px">
  <EditText
    android:id="@+id/et2"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="26dp"
    android:hint="请输入密码"
    android:inputType="textPassword" />
    <ImageView
      android:id="@+id/bt2"
      android:layout_width="25dp"
      android:layout_height="25dp"
      android:layout_marginTop="33dp"
      android:src="@drawable/delete" />
</LinearLayout>
    <Button
      android:id="@+id/btn_login"
      android:layout_width="match_parent"
      android:layout_height="48dp"
      android:background="@color/bbutton_danger_disabled_edge"
      android:layout_marginTop="30dp"
      android:text="登 陆"
      android:textSize="30dp"
      android:textColor="@color/bbutton_danger"/>
  <Button
  android:id="@+id/bbt1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textSize="15dp"
  android:layout_gravity="right"
  android:layout_marginTop="20px"
  android:background="@color/bbutton_danger"
  android:text="Adapter" />
  </LinearLayout> 

2.创建一个Java class —ExitTextUtils用于封装清空输入框的内容 :

/**
 * 用于实现点击叉叉时 , 清空输入框的内容
 */

 class EditTextUtils {

  public static void clearButtonListener(final EditText et, final View view) {

    // 取得et中的文字

    String etInputString = et.getText().toString();

    // 根据et中是否有文字进行X可见或不可见的判断

    if (TextUtils.isEmpty(etInputString)) {

      view.setVisibility(View.INVISIBLE);
    } else {

      view.setVisibility(View.VISIBLE);
    }

    //点击X时使et中的内容为空

    view.setOnClickListener(new View.OnClickListener() {

      @Override
      public void onClick(View view) {
        et.setText("");
        et.requestFocusFromTouch();
      }
    });
    //对et的输入状态进行监听
    et.addTextChangedListener(new TextWatcher() {
      @Override
      public void onTextChanged(CharSequence s, int start, int before, int count) {
      }
      @Override
      public void beforeTextChanged(CharSequence s, int start, int count, int after) {
      }
      @Override
      public void afterTextChanged(Editable s) {

        if (s.length() == 0) {
          view.setVisibility(View.INVISIBLE);
        } else {
          view.setVisibility(View.VISIBLE);
        }
      }
    });
  }
}

3.在MainActivity.java 里书写代码:

private TextView mTextMessage;
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  EditText et1 = (EditText) findViewById(R.id.et1);
  EditText et2 = (EditText) findViewById(R.id.et2);
  View bt = findViewById(R.id.bt1);
  View iv = findViewById(R.id.bt2);
  EditTextUtils.clearButtonListener(et1, bt);
  EditTextUtils.clearButtonListener(et2, iv);

  Button btn1 = (Button) findViewById(R.id.bbt1);
  btn1.setOnClickListener(new View.OnClickListener(){
    @Override
    public void onClick(View v){
      //Intent是一种运行时绑定(run-time binding)机制,它能在程序运行过程中连接两个不同的组件,在存放资源代码的文件夹下下,
      Intent i = new Intent(MainActivity.this , Main2ActivityAdapterDemo.class);
      //启动
      startActivity(i);
      }
  });

  mTextMessage = (TextView) findViewById(R.id.message);
  BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
  navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}

4.布局使用到的资源:

自己建的用于存放自定义的文件 dimens.xml

<resources>
  <!-- Default screen margins, per the Android Design guidelines. -->
  <dimen name="activity_horizontal_margin">16dp</dimen>
  <dimen name="activity_vertical_margin">16dp</dimen>
  <dimen name="text_size_16">22dp</dimen>
  <dimen name="space_8">8</dimen>
  <dimen name="space_16">16</dimen>
  <dimen name="fab_margin">16dp</dimen>
</resources>

color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="colorPrimary">#008577</color>
  <color name="colorPrimaryDark">#00574B</color>
  <color name="colorAccent">#D81B60</color>
  <color name="main_gray">#CCCCCC</color>
  <color name="main_black">#000000</color>
  <color name="bbutton_danger_disabled_edge">#00CC33</color>
  <color name="bbutton_danger">#FFFFFF</color>
</resources>

截图

Step3:运行程序。。。截图如下:

下载地址:[LoginDemo.zip]

到此这篇关于详解Android Studio实现用户登陆界面demo(xml实现)的文章就介绍到这了,更多相关Android Studio用户登陆内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 解决Android studio xml界面无法预览问题

    如下图 修改style.xml中的 parent="Theme.AppCompat.Light.DarkActionBar" 改为 parent="Base.Theme.AppCompat.Light.DarkActionBar" <!-- Base application theme. --> <style name="AppTheme" parent="Base.Theme.AppCompat.Light.Dark

  • 解决Android Studio XML编辑界面不显示下面的Text和Design选项卡

    问题描述: 在XML布局编写中,下方不显示Text和Design选项卡,无法切换编程和界面视图 解决方法: 1.检查右上角有没有这些选项,这几个按钮可以用来切换 2.上述步骤失败,再尝试改一下这个版本 3.上述两种方法都无法调出Text和Design选项卡,可使用下面两个替代方法 (1)快捷键: Alt+shift+左箭头:跳转Text界面 Alt+Shift+右箭头:跳转Design界面 (2)从Design进入XML,可尝试在界面上右击一个控件,用go to xml能不能去往text界面 以

  • Android Studio屏幕方向以及UI界面状态的保存代码详解

    项目:Orientation package com.example.orientation; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.Button; import android.widget.TextView; import androidx.appcompat.app.AppCompatActivity; public class M

  • Android studio虚拟机在启动界面和桌面出现画面模糊花屏问题的解决方法

    1.之前自己的虚拟机这样设置没问题,今天突然出现这样的花屏 2.最后解决了,解决方法,按照下边红框设置 3.问题方法说明: 之前看不太明白,就找的翻译 反思:之前是设置的自动(默认是硬件渲染)可以,今天突然出现花屏那样的问题,搜遍全网没找到方法,最后有个大佬指点按照上边的方法设置(软件渲染)配置虚拟机,解决. 可能自己电脑硬件图形卡(不知道什么东东)哪里出了问题,也可能不小心更新组件后,android studio的设置出问题啦. 总结 到此这篇关于Android studio虚拟机在启动界面和

  • 解决Android Studio Design界面不显示layout控件的问题

    Android Studio更新到3.1.3后,发现拖到Design中的控件在预览界面中不显示: 解决办法: 在Styles.xml中的parent="..."中的Theme前添加Base <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar&quo

  • 基于路由器的运政网VPN解决方案

    新乡市运政处及其相应的下属机构分布在新乡市四区八县,采用各自为政.分片负责的方式管理所属片区的运输市场. 近几年来,随着社会经济的不断发展及运输市场的快速增长,跨区的人员流动和车辆交易不断增多,管理信息量大大增加,分片管理的方式不再适合跨区域管理和信息共享的要求.为了解决这个问题,实现市.县.区联网以达到信息共享,我们结合新乡市运管处运政管理系统的要求及我公司的网络情况,提出了基于路由器的运政网VPN(虚拟专用网)解决方案. 1 VPN(虚拟专用网) VPN(虚拟专用网)指的是以公用开放网络(如

  • 详解Android Studio实现用户登陆界面demo(xml实现)

    使用Android Studio 编写的第一个demo,使用布局文件-xml实现用户登录界面 注:所建工程均为Android 6.0 所以只要是Android 6.0(包括6.0)以上的真机,模拟机都可以使用 Step1:Android Studio 开发环境的搭建: 1.安装JDK (1.8): 2.安装Android studio (3.3.1) 包含 gradle.sdk manage .avd manage : 3.使用sdk manage 下载安装 sdk: 4.使用avd manag

  • 详解Android Studio正式签名进行调试的实现步骤

    详解Android Studio正式签名进行调试的实现步骤 在Android Studio中,可以使用Gradle进行打包时自动签名.其实Android Studio默认会给调试应用加上Debug签名,但有时候调一些第三方SDK时,需要正式签名才能调起来,所以接下来分享一下使用Gradle自动签名的方法. 一.创建签名文件 打开AS,选择Build->Generate Signed APK,选择要打包的项目,点击Next,再点击Create new...创建签名文件 填写签名文件响应信息,如下所

  • 详解Android studio如何导入jar包方法

    下面我就总结一下Android studio大家在导入jar包时遇到的一些问题和解决方法: 1,首先先说一下怎么在AS 中找到sdk,jdk,ndk的安装路径,可能一部分人一开始找不到,下面贴出方法: Android studio 中更改sdk的路径,如下图,在右边红色方框中更改sdk的路径 还有一种更好的方式可以把sdk,jdk,ndk的路径全部找到,首先File---Other Settings---Default Project Structure...,打开如下图界面,从红方框处即可直接

  • 详解Android studio实现语音转文字功能

    目录 一.在科大讯飞的官网上注册并下载SDK 二.配置安卓项目 三.运行效果展示 一.在科大讯飞的官网上注册并下载SDK 1.首先去讯飞开放平台申请一个账号(https://www.xfyun.cn/),然后点击“控制台”进入新的页面,创建一个应用,找到“语音听写”,下载相应的SDK. 文件解压后内容如下: 二.配置安卓项目 1.在android studio中新建一个空项目,将libs文件夹中的内容复制到安卓项目的libs文件夹下,其中msc.jar要右键添加Add As Library: 2

  • 详解Android Studio中Git的配置及协同开发

    一. Android Stutio配置git setting–>Version Control–>Git–>Path to Git executable中选择git.exe的位置,这个Stutio一般会默认配置好: 配置完路径后点击后面的Test按钮,出现下面提示框则表示配置成功: 二. 将项目分享到github 1. 设置github账号密码 打开Setting–>Version Control–>GitHub,填写完账号密码后,点击Test测试,如果连接成功会弹出如下提示

  • 详解Android studio 3+版本apk安装失败问题

    studio2.3升级到3.1之后将apk发给别人下载到手机上安装,华为提示安装包无效或与操作系统不兼容,魅族提示apk仅为测试版,要求下载正式版安装. 在网上找了一下,发现是studio3.0之后的instant run功能引起的,直接点击绿色箭头按钮烧出来的apk都是不完整的,也就是魅族指的测试版,并且这个apk的路径在app\build\intermediates\instant-run-apk\debug下,而原来的app\build\outputs\apk\debug路径下已经没有ap

  • 详解Android studio 动态fragment的用法

    fragment的使用时Android的基础,它有两种用法,第一个就是静态的fragment.第二个则是动态的fragment. 静态fragment直接在layout创建你想要的fragment的XML的文件,然后在你的Java包里面创建对应fragment的class文件 布局代码如下所示 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:

  • Android+OpenCV4.2.0环境配置详解(Android studio)

    仅是个人记录,希望能对有需要的给予一些小小的帮助 首先我们肯定是要去到OpenCV的官网下载对应的SDK,并解压得到文件夹(opencv-4.2.0-android-sdk) 其次是NDK环境搭建(双击shift,输入sdk,找到sdk manager,将下面红色框框勾选安装) 创建项目,我选用的是(并不是只有这一选择) 导入Module File->New->Import Module 路径选择**\opencv-4.2.0-android-sdk\OpenCV-android-sdk\sd

  • 详解Android Studio 3.0的新特性与适配

    简介 Android Studio升级到3.0后,有不少的改动和新特性,先贴出官方的迁移说明. 本文会持续收集与总结本人在使用Android Studio 3.0进行开发的过程中所遇到的问题. 版本配置 Gradle版本 Android Studio 3.0需要的Gradle版本至少为4.1. 如果是使用gradle wrapper,则工程根目录/gradle/wrapper/gradle-wrapper.properties中的distributionUrl字段为https\://servic

  • 详解Android Studio安装ButterKnife插件(手动安装)

    写完布局后 我们一般需要 findViewById找到这个控件,但是现在有一个很好用的插件ButterKnife 可以一键转化布局文件中的所有有id属性的控件到activitry中:现在我们介绍下此插件使用: 通过AndroidStudio 下载安装 1.打开Android Studio中的设置界面,并且点击左边的插件Plugins,在搜索框中输入 Android ButterKnife Zelezny 如图: 点击 Search in repositories 如图: 点击 install就自

随机推荐