当前位置: 代码迷 >> 综合 >> Android学习笔记(五)——EditView
  详细解决方案

Android学习笔记(五)——EditView

热度:58   发布时间:2024-03-08 15:55:56.0

Android小白,初次学习,笔记自用,敬请指正~?
有帮助记得一键三连呀(点赞收藏关注)?

一,学习内容:

1,两个重要属性:(1)android:inputType="输入框的类型",可取:textVisiblePassword(明码)|textPassword(点密码)|phoneNumber(数字输入框)...(2)android:hint="文本框为空时的提示文本"
2,简单的登录页面 :(1)如何自定义左侧图标:将找好的图片放在drawable文件夹下然后利用以下代码引用即可android:drawableLeft="@drawable/图片"解释:在文本框的左边绘制指定图像类似还有:drawableRight,drawableTop,drawableBottom...另外:drawablePadding控制文本与图形之间的距离【注】需要的图标图像可以在阿里巴巴矢量库下载,链接直通车附在最后(2)设置点击按钮提示文本,在OnClick方法中加入:Toast.makeText(EditTextActivity.this,"点击按钮显示的文本内容",Toast.LENGTH_SHORT).show();3,对于笔记三的补充:链接直通车附在最后(1)阴影字:android:shadowColor="阴影颜色"android:shadowDx="阴影在水平方向的偏移"android:shadowDy="阴影在垂直方向的偏移"android:shadowRadius="阴影的模糊程度(值越大越模糊)"(2)渐变背景色<gradientandroid:startColor="颜色1"android:centerColor="颜色2"android:endColor="颜色3"android:type="渐变类型:linear|sweep|radial"/>

二,效果演示:

(1)登陆界面:
在这里插入图片描述

(2)阴影字及渐变背景:

在这里插入图片描述

三,完整代码:

1,activity_main.xml

 <Buttonandroid:id="@+id/btn_edittext"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="EditText"android:textAllCaps="false"/>

2,MainActivity.java

	mBtnEditText = findViewById(R.id.btn_edittext);//找到控件mBtnEditText.setOnClickListener(new View.OnClickListener() {
    //声明点击事件实现页面跳转@Overridepublic void onClick(View v) {
    //跳转到EditText演示界面Intent intent = new Intent(MainActivity.this,EditTextActivity.class);startActivity(intent);}});

3,activity_edit_text.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="15dp"><EditTextandroid:id="@+id/et_1"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginTop="50dp"android:textSize="20sp"android:textColor="#FFAD33"android:background="@drawable/bg_username"android:hint="用户名"android:paddingLeft="10dp"android:drawableLeft="@drawable/icon_user"android:drawablePadding="5dp"/><EditTextandroid:id="@+id/et_2"android:layout_width="match_parent"android:layout_height="50dp"android:layout_below="@id/et_1"android:layout_marginTop="15dp"android:textSize="20sp"android:textColor="#FFAD33"android:inputType="textVisiblePassword"android:background="@drawable/bg_username"android:hint="密码"android:paddingLeft="10dp"android:drawableLeft="@drawable/icon_password"android:drawablePadding="5dp"/><Buttonandroid:id="@+id/btn_login"android:layout_width="200dp"android:layout_height="60dp"android:layout_below="@id/et_2"android:layout_marginTop="40dp"android:background="@drawable/bg_btn4"android:text="登录"android:textColor="#FFFFFF"android:textSize="30sp"android:layout_centerHorizontal="true"/>
</RelativeLayout>

4,EditTextActivity.java

package com.example.learning;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;public class EditTextActivity extends AppCompatActivity {
    private Button mBtnLogin;//声明控件private EditText mEtUserName;@Overrideprotected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);setContentView(R.layout.activity_edit_text);mBtnLogin = findViewById(R.id.btn_login);//找到控件mBtnLogin.setOnClickListener(new View.OnClickListener() {
    //设置点击事件@Overridepublic void onClick(View v) {
    Toast.makeText(EditTextActivity.this,"登陆成功!",Toast.LENGTH_SHORT).show();}});mEtUserName=findViewById(R.id.et_1);mEtUserName.addTextChangedListener(new TextWatcher() {
    //设置监听事件@Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {
    }@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {
    Log.d("edittext",s.toString());}@Overridepublic void afterTextChanged(Editable s) {
    }});}
}

5,bg_username.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><strokeandroid:width="1dp"android:color="#999999"/><cornersandroid:radius="5dp"/>
</shape>

6,bg_tv9

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><strokeandroid:width="1dp"android:color="#FF9900"/><cornersandroid:radius="5dp"/><gradientandroid:startColor="#f00"android:centerColor="#0f0"android:endColor="#00f"android:type="linear"/>
</shape>

7,activity_text_view.xml

<TextViewandroid:id="@+id/tv_8"android:layout_marginTop="20dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="好好学习"android:textColor="#FF7F24"android:textSize="60sp"android:shadowColor="#00f"android:shadowDx="20.0"android:shadowDy="10.0"android:shadowRadius="15.0"/><TextViewandroid:id="@+id/tv_9"android:layout_marginTop="20dp"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="天天向上"android:textColor="#FF7F24"android:textSize="60sp"android:background="@drawable/bg_tv9"/>

笔记(三)直通车

阿里巴巴矢量库直通车

  相关解决方案