Android手机应用开发(一) | 基本的UI界面设计
实验目的:
- 熟悉Android Studio开发工具操作。
- 熟悉Android Studio基本UI开发,并进行UI基本设计。
创建一个文本框 TextView
首先要清楚布局文件在哪里
用Android
模式查看项目结构,在layout
里面存放着app的所有布局,默认第一个页面就是activity_main.xml
那么就可以直接在这里面添加一些列界面元素了
//约束布局:表明其顶部与父组件的顶部对齐
这里有一点需要注意的
- 官方是建议使用
layout_marginEnd
和layout_marginStart
代替layout_marginLeft
和layout_marginRight
,说法是这样文字不论从左到右还是从右到左都不会出现问题,之前我还一直疑惑为什么又有Left
又有Start
,不知道该用什么,反正就按官方的做,不过有时候用不了?我还是用回了Left
和Right
创建一个图片块ImageView
一般来说图片文件放在mipmap
文件夹里,不过其实不止一个文件夹
这里的不同后缀代表不同的分辨率图片
不过一般的小程序放错了问题应该不大,反正都能找到(/emm)
然后在xml
这样引用这个图片
这里的sysu
是图片文件名,不带格式后缀!
<ImageView......android:src="@mipmap/sysu" />
创建一个输入框EditText
//表示它始终位于组件`image`的下方
这里有一个小问题,我用的layout_width
是0dp
,它表示与外组件适应,这是因为如果我用的是wrap_content
,将会是这样的效果,因为文字只有七个字,这样以后文字多了它也会一直拉伸,很不美观
修改之后就是这样的了,它处于并将长期处于这个长度!
创建一系列单选按钮RadioButton
单选按钮组件是不能独立存在的,它需要一个组即RadioGroup
(因为一个按钮实在没什么意思),然后再在这个组里面创建需要数目的RadioButton
<RadioGroup ...... android:orientation="horizontal"> <RadioButton ...... style="@style/AppTheme" /> <RadioButton/> <RadioButton /> <RadioButton /> RadioGroup>
主要不同的就是需要确定其排列方向horizontal
或者vertical
而RadioButton
还可以指定style
,这里随便写了个系统默认的,如果没有特别好看的style
就不用写了吧【haha
效果如下
其实可以试用一下group的padding属性(因为我不太熟),我加了句android:padding="10dp"
之后,成了下面这个样子,确实内部边框都加粗了,不过我觉得还是用外边距Margin
和内边距Padding
其中一个就好了(针对我这种小应用),不然跟别的组件距离不好计算,用一个就能解决的话多好
每个小按钮可以设置其周围的margin
,当然可以设置不一致,难道还会担心group
包不下吗
创建一个简单按钮Button
主要有两个需要注意的属性
-
background
:这个是按钮文本的颜色,用的是colors.xml中定义的颜色
-
background
:说是叫按钮背景,其实差不多也是按钮样式了,因为默认按钮是这样的
想要有颜色的椭圆形按钮的话需要自己定义样式,在drawable
文件夹新建一个文件button_shape
,用下列代码就可以创建一个蓝色椭圆按钮了,其本质上是使长方形的边角弧度增大
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#3F51B5" /> //指定颜色 <corners android:radius="180dp" /> //指定弧度shape>
最后的样子就是这个样子
需要注意,xml是不能用
//
作为注释的,但是既然不是在代码里,用<-- -->
好麻烦,就用//
意思意思【傲娇
更多相关文章
- android 控制按钮各个状态的样式
- Android 按钮点击切换背景,同时修改文字颜色
- Android实现底部tabbar按钮突出效果
- Android Design Support Library最新组件
- [译] Android应用程序基础 >> 应用程序的组件(Application Compon
- Android WebView 和 手机后退按钮 的故事
- Android控件之利用selector自定义的带文字的图片按钮
- Android系列教程之六:TextView小组件的使用--附带超链接和跑马灯