设为首页 加入收藏

TOP

Android开发之输入框EditText介绍(一)
2019-09-03 03:43:21 】 浏览:73
Tags:Android 开发 输入 EditText 介绍

这篇文章主要为大家详细介绍了Android布局之输入框EditText设计,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

现在先简单介绍一下技术点:
1.如何使用圆角输入框和按钮背景
2.如何实现“手机号”、“密码”后面的竖线
3.如何嵌套输入框的布局
4.如何监听输入框的输入事件及删除按钮的动态显示隐藏
1.如何使用圆角输入框和按钮背景
安卓为开发者准备了shape这个xml标签,用于自定义一些形状。
那么我就来定义一个白色的输入框背景。代码如下:

<!-- 形状 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle" >

 <solid android:color="#ffffff" />
 <!-- 边框 -->
 <stroke
  android:width="1dip"
  android:color="#ffffff" />
 <!-- 内填充颜色 -->
 <padding
  android:bottom="10dp"
  android:left="10dp"
  android:right="10dp"
  android:top="10dp" />
 <!-- 圆角 -->
 <corners android:radius="6dp" />
</shape>
将其设置成任何View的background就可以了
android:background="@drawable/shape_wihte_frame"

2.如何实现“手机号”、“密码”后面的竖线
这个其实很简单,只需书写一个竖线即可,宽度为1dp或者1px(或你认为更合适的数值)。

<View
    android:id="@+id/view1"
    android:layout_width="1dip"
    android:layout_height="fill_parent"
    android:layout_centerVertical="true"
    android:layout_gravity="center_horizontal"
    android:layout_marginLeft="2dp"
    android:layout_marginRight="2dp"
    android:layout_toRightOf="@+id/textView1"
    android:background="#EEEFFF" />

3.如何嵌套输入框的布局
安卓给我们提供了多种布局,但是你用任何一种都没办法把界面设计好。必须嵌套,很多新手不敢去嵌套,大家一定要大胆的去嵌套去使用各种布局,一定会组合出炫酷的效果的。这里布局很简单仅仅是一层嵌套(整个页面布局嵌套输入框的布局)。

<RelativeLayout
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:layout_alignParentTop="true"
   android:layout_centerHorizontal="true"
   android:background="@drawable/shape_wihte_frame" >

   <TextView
    android:id="@+id/textView1"
    android:layout_width="40dp"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:lines="1"
    android:padding="1dp"
    android:text="手机号"
    android:textSize="11sp" />

   <View
    android:id="@+id/view1"
    android:layout_width="1dip"
    android:layout_height="fill_parent"
    android:layout_centerVertical="true"
    android:layout_gravity="center_horizontal"
    android:layout_marginLeft="2dp"
    android:layout_marginRight="2dp"
    android:layout_toRightOf="@+id/textView1"
    android:background="#EEEFFF" />

   <EditText
    android:id="@+id/phonenumber"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:layout_centerVertical="true"
    android:layout_marginLeft="2dp"
    android:layout_toRightOf="@+id/view1"
    android:background="@drawable/transparent"
    android:ems="19"
    android:hint="请输入手机号"
    android:inputType="phone"
    android:padding="1dp"
    android:textSize="12sp" >

    <requestFocus />
   </EditText>

   <
首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Flutter学习笔记(23)--多个子元.. 下一篇Android app targetSdk升级到27碰..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目