Android Studio用户界面设计

本文介绍了使用Android Studio进行简单的用户界面设计,包括通过修改activity_main.xml创建TextView和EditText,设置边框,以及布局约束和间距。通过实例展示了如何创建和调整控件的位置,提供了相关属性的解释,并给出了参考资料。
摘要由CSDN通过智能技术生成

最近在上《移动计算》这门课,主要讲述利用Android studio软件进行安卓开发,目前只是刚开始接触这个模块,所以从简单基础的内容入手,此次将讲述如何进行简单的用户界面设计:
在这里插入图片描述
我是直接更改 a c t i v i t y _ m a i n . x m l activity\_main.xml activity_main.xml文件的内容来实现的,也可以直接在 M a i n A c t i v i t y . j a v a MainActivity.java MainActivity.java文件中直接写函数来实现,这里主要讲述前者的方法。
1、先创建一个 T e x t V i e w TextView TextView文本框来显示对应的属性:

<TextView
        android:id="@+id/textView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="40dp"
        android:text="姓名:"
        android:textSize="20sp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

2、再创建一个 E d i t T e x t EditText EditText文本输入框,在此之前需要先设置一下边框属性:
d r a w a b l e drawable drawable文件夹下新建一个名为 m y b a c k g r o u n d . x m l mybackground.xml mybackground.xml
在这里插入图片描述
里面内容为:

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid
                android:color="#EFEFEF"/>
            <corners
                android:radius="3dip"
                />
            <stroke
                android:width="0.5px"
                android:color="#505050"/>
        </shape>
    </item>
</layer-list>

然后创建一个 E d i t T e x t EditText EditText文本输入框:

<EditText
        android:id="@+id/edittext01"
        android:layout_width="100dp"
        android:layout_height="25dp"
        android:layout_marginStart="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="40dp"
        android:background="@drawable/mybackground"
        android:paddingTop="0dp"
        android:textColor="#000000"
        android:textSize="20sp"
        app:layout_constraintStart_toEndOf="@+id/textView01"
        app:layout_constraintTop_toTopOf="parent" />

3、之后再创建一个图片插入框,在此之前需要在 d r a w a b l e drawable drawable文件夹下放入准备插入的图片:
在这里插入图片描述

<ImageView
        android:id="@+id/Imageview1"
        android:layout_width="150dp"
        android:layout_height="200dp"
        android:layout_marginTop="10dp"
        android:layout_marginEnd="20dp"
        android:layout_marginRight="20dp"
        android:background="@drawable/mybackground"
        android:hint="照片"
        android:scaleType="fitXY"
        android:src="@drawable/tu2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

其他相应的内容相似。
然后直接开启虚拟机,点击 r u n run

  • 4
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值