最近在上《移动计算》这门课,主要讲述利用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