APP之基础控件

这篇文章介绍了Android开发中构建登录界面的基本步骤,包括使用Button、TextView、EditText和ImageView等控件,以及设置id、尺寸、对齐方式和内外边距。示例代码展示了一个中心对齐的红色背景登录框,包含用户名和密码输入框以及取消和确定按钮。
摘要由CSDN通过智能技术生成

4种基础控件

  1. Button 按键
  2. TextView 文本框
  3. EditText 输入框
  4. ImageView 图片,带边框的
<ImageButton 
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:src="@drawable/bx2"
	/>

padding和margin

图大小不变,内外边框拉升
在这里插入图片描述
margin 外边框,上下左右

android:layout_marginRight="10dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"

padding 文字和内边框距离

android:paddingTop="70dp"
android:paddingLeft="60dp"
android:paddingRight="60dp"

制作一个登录界面

每个控件设置:id,长宽,对齐,文本
在这里插入图片描述

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    
    <RelativeLayout
        android:layout_width="400dp"
        android:layout_height="150dp"
        android:layout_centerInParent="true"
        android:background="#f00"
   	>
      <TextView 
       	android:id="@+id/user"
   		android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		android:text="用户"
   		android:textSize="20dp"
   		android:textColor="#ffffff"
   		android:layout_marginTop="15dp"
   		android:layout_marginLeft="15dp"
       />  
       <EditText 
           	android:id="@+id/ed1"
         	android:layout_width="320dp"
         	android:layout_height="40dp"
         	android:layout_toRightOf="@id/user"
       />
       <TextView 
       	android:id="@+id/password"
   		android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		android:text="密码"
   		android:textSize="20dp"
   		android:textColor="#ffffff"
   		android:layout_marginTop="15dp"
   		android:layout_marginLeft="15dp"
   		android:layout_below="@id/user"
       />  
       <EditText 
           	android:id="@+id/ed2"
         	android:layout_width="320dp"
         	android:layout_height="40dp"
         	android:layout_toRightOf="@id/user"
         	android:layout_below="@id/ed1"
       />
       
       <Button 
       		android:layout_width="wrap_content"
       		android:layout_height="wrap_content"
       		android:layout_alignParentRight="true"
       		android:layout_marginRight="10dp"
       		android:text="取消"
       		android:layout_below="@id/ed2"
       		android:id="@+id/btn2"
       />
       <Button 
           	android:id="@+id/btn1"
       		android:layout_width="wrap_content"
       		android:layout_height="wrap_content"
       		android:text="确定"
       		android:layout_below="@id/ed2"
       		android:layout_toLeftOf="@id/btn2"
       		android:layout_marginRight="10dp"
       />
    </RelativeLayout>

</RelativeLayout>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值