【Android基础】应用界面编程

已于 2022-04-17 11:25:25 修改
阅读量3.4k 收藏 5
点赞数
分类专栏： Android 文章标签： android
于 2022-04-10 23:42:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuangd_1992/article/details/124088691
版权

介绍

本章会介绍Android程序界面和很多组件的知识，是界面需要的知识。

通过学习本章的知识，可以开发出漂亮的图形用户界面，这些图形用户界面是Android应用开发的基础，也是非常重要的组成部分。

视图组件和容器组件

Android的绝大部分UI组件在android.widget包及其子包、android.view包及其子包中，Android的所有UI组件都继承于View类。

View类有一个重要的子类：ViewGroup，但是ViewGroup通常作为其他组件的容器使用。

Android推荐使用XML布局文件来定义用户界面，而不是使用Java代码来开发用户界面，提供了两种方式来控制组件的行为：

  1. 在XML布局文件中通过XML属性进行控制
  2. 在Java程序代码中通过调用方法进行控制

View类

View类的XML属性、相关方法及说明

ViewGroup类

ViewGroup继承了View类，主要作为容器类使用，实际使用中通常是使用ViewGroup的子类来作为容器，例如布局管理器。

ViewGroup容器控制其子组件的分布依赖于ViewGroup.layoutParams、ViewGroup.MarginLayoutParams两个内部类。这两个内部类中提供了一些XML属性。

android:layout_height、android:layout_width两个属性支持两个属性值：

  1. match_parent：指定子组件的高度、宽度与父容器组件的高度、宽度相同。
  2. wrap_parent：指定子组件的大小恰好包裹它的内容。

使用XML布局文件控制UI界面

在Android应用的res/layout目录下定义一个主文件名的XML布局文件，在Java代码中通过如下方法在Activity中显示该视图：

setContentView(R.layout.<资源文件名字>);

当在布局文件中添加多个UI组件时，可以为该UI组件指定android:id属性，该属性的属性值代表该组件的唯一标识，在Java代码中访问指定的UI组件，可通过如下代码来访问：

findViewById(R.id.<android.id属性值>);

在代码中控制UI界面

比较麻烦，并且不利于代码解耦，所以这里不展示。

混合控制

可以混合使用XML布局文件和代码来控制UI界面，习惯上把变化小、行为比较固定的组件放在XML布局文件中进行管理，而那些变化较多、行为控制比较复杂的组件则用Java代码管理。

定义一个简单的线性布局器

路径：~/res/layout/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</LinearLayout>

Java程序代码

下面在程序中获取该线性布局容器，并往该容器中添加组件。

package com.example.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;

import androidx.annotation.Nullable;

public class MixView extends Activity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Button button = (Button) findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MixView.this,"Button",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

开发自定义View

基于Android UI组件的实现原理，开发者完全可以开发出项目定制的组件——通过继承View来派生自定义组件。

当开发者打算派生自己的UI组件时，首先定义一个继承View基类的子类，然后重写View类的一个或多个方法，可以被重写的方法如下。

构造器：

重写构造器是定制View的最基本方式，当Java代码创建一个View实例，或根据XML布局文件加载并构建界面时将需要调用该构造器。

  • onFinishflate()：回调方法，当应用从XML布局文件加载该组件并利用它来构建界面后，该方法就会被回调。
  • onMeasure(int，int)：调用该方法来检测View组件及包含的所有子组件的大小。
  • onLayout(bollean,int,int,int,int)：当该组件需要分配其子组件的位置、大小时，该方法会被回调。
  • onSizeChanged(int,int,int,int)：当该组件的大小被改变时回调该方法。
  • onDraw(Canvas)：当该组件将要绘制它的内容时回调该方法进行绘制。
  • onKeyDown(int,keyEvent)：当某个键被按下时触发该方法。
  • onkeyUp(int,keyEvent)：当松开某个键时触发该方法。
  • onTrackballEvent(MotionEvent)：当发生轨迹球事件时触发该方法。
  • onTouchEvent(MotionEvent)：当发生触摸屏事件时触发该方法。
  • onWindowFocusChanged(bollean)：当该组件得到、失去焦点时触发该方法。
  • onAttachedToWindow()：当把该组件放入某个窗口时触发该方法。
  • onDetachedFromWindow()：当把该组件从某个窗口上分离时触发该方法。
  • onWindowVisibilityChanged(int)：当包含该组件的窗口的可见性发生改变时触发该方法。

当需要开发自定义view时，不需要重写上面列出来的所有方法，可以根据业务需要重写上面的部分方法。

示例

实现一个跟随手指的小球。

DrawView.java

package com.example.myapplication;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;

public class DrawView extends View {
    public float currentX = 40;
    public float currentY = 50;

    public DrawView(Context context){
        super(context);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint p = new Paint();
        p.setColor(Color.RED);
        canvas.drawCircle(currentX,currentY,15,p);
    }
}

上面的DrawView组件继承了View基类，并重写了onDraw方法——该方法负责在该组件的指定位置绘制一个小球。

接下来通过java代码将该组件添加到指定容器中。

MixView.java

package com.example.myapplication;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;

import androidx.annotation.Nullable;

public class MixView extends Activity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        LinearLayout root = (LinearLayout) findViewById(R.id.root);
        final DrawView draw = new DrawView(this);
        draw.setMinimumWidth(300);
        draw.setMinimumHeight(500);
        draw.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                //修改draw组件的currentX和currentY两个属性
                draw.currentX = motionEvent.getX();
                draw.currentY = motionEvent.getY();
                //通知draw组件重新绘制
                draw.invalidate();
                //返回true表明处理方法已经处理该事件
                return true;
            }
        });
        root.addView(draw);
    }
}

先创建了自定义组件的实例，然后为该组件绑定了一个onTouchListener监听触摸屏事件的监听器。手指在触摸屏上移动时，会不断触发触摸屏事件，事件监听器中负责触发事件的坐标会传到DrawView组件，并通知该组件重新绘制。

结果

布局管理器

通过使用布局管理器，Android应用的图形用户界面具有良好的平台无关性。

布局管理器可以根据运行平台来调整组件的大小，程序员要做的，只是为容器选择合适的布局管理器。

布局管理器的具体内容见：基本布局

在界面布局中指定各个组件的android:layout_x等属性时会执行形如20dip这样的属性值，这时一个距离值。

Android中一般支持如下常用的距离单位：

px（像素）：每个px对应屏幕上的一个点

dip或dp：一种基于屏幕密度的抽象单位。在每英寸160点的显示屏上，1dip = 1px。但是随着屏幕密度的改变，dip与px之间的换算会发生变化。

sp比例像素：主要处理字体大小，可以根据用户的字体大小首选项进行缩放。

in英寸：标准长度单位。

mm毫米：标准长度单位。

pt磅：标准长度单位，1/72英寸。

基本界面组件

文本框TextView和编辑框EditText

TextView直接继承了View，是EditText、Button两个UI组件类的父类。

TextView的作用是在界面上显示文本。

如果开发者想要定义一个可以编辑内容的文本框，可以使用EditText，它允许用户编辑文本框中的内容。

TextView提供了大量的XML属性，这些XML属性大部分可以适用于TextView和EditText。

相关属性：

 其中的android:autoLink属性值是如下几个属性值的一个或几个，多个属性值之间用竖线隔开。

none：不设置任何超链接

web：将文本中的URL地址转换成超链接

email：将文本中的email地址转换成超链接

phone：将文本中的电话号码转换成超链接

map：将文本中的街道地址转换成超链接

all：相当于指定web|email|phone|map

android:ellipsize属性可以支持如下几个属性值：

none：不进行任务处理

start：在文本开头部分进行省略

middle：在文本中间部分进行省略

end：在文本结尾处进行省略

marquee：在文本结尾处以淡出的方式省略

示例：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    >

    <!-- 设置字体为20pt -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我爱java"
        android:textSize="20pt"/>
    <!--设置中间省略 -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我爱 java我爱 java我爱 java我爱 java我爱 java我 kkkk爱java"
        android:singleLine="true"
        android:ellipsize="middle"/>
    <!--对邮件增加链接 -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:text="1111@qq.com"
        android:autoLink="email"/>
    <!--设置文字颜色、大小、并使用阴影-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="测试文字"
        android:shadowColor="#0000ff"
        android:shadowDx="15.0"
        android:shadowDy="20.0"
        android:shadowRadius="45.0"
        android:textSize="25pt"/>
    <!--测试密码框-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/view5"
        android:text="test"
        android:password="true"/>
</LinearLayout>

结果：

 

Button和ImageButton组件

不管是Button还是ImageButton，它们的功能都很单一，主要是在UI界面上生成一个按钮，该按钮可以单击，当用户单击按钮时，会触发一个onClick事件。

Button和ImageButton的区别：

Button生成的按钮上显示文字

ImageButton生成的按钮上显示图片

RadioButton单选按钮和CheckBox复选框

Android中的RadioButton和CheckBox都继承了Button按钮，可以直接使用Button支持的各种属性和方法。

它们多了一个可选中的功能，因此RadioButton、CheckBox都可以额外指定一个android:checked属性，该属性用于指定RadioButton、CheckBox初始时是否被选中。

一组RadioButton只能选中其中一个，因此RadioButton通常要与RadioGroup一起使用，用于定义一组单选按钮。

示例：

在需要获取用户信息的界面中，有些信息不需要用户直接输入，可以考虑让用户进行选择，比如用户的性别、爱好等。我们先只显示用户的性别：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    >
    <TableRow>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="性别"
            android:textSize="11pt"/>
        <RadioGroup
            android:orientation="horizontal"
            android:layout_gravity="center_horizontal">
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="男"/>
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女"/>
        </RadioGroup>
    </TableRow>
    <TableRow>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="喜欢的颜色"
            android:textSize="11pt"/>
        <LinearLayout
            android:layout_gravity="center_horizontal"
            android:orientation="vertical"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content">
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="红色"
                android:checked="true"/>
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="黑色" />
            <CheckBox
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="蓝色" />

        </LinearLayout>
    </TableRow>
</TableLayout>

结果：

ToggleButton状态开关按钮

从界面上看，它与CheckBox复选框非常相似，它们都可以提供两个状态。

ToggleButton主要用于切换程序中的某种状态。

XML属性相关方法说明
android:checkedsetChecked(boolean)设置该按钮是否被选中
android:textOff设置该按钮没有被选中时显示的文本
android:textOn设置该按钮被选中时显示的文本
kuangd_1992
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android应用基础知识
weixin_45365889的博客
10-10 144
Android 应用采用 Java 编程语言编写，Android SDK 工具将代码连同任何数据和资源文件编译到一个 APK（Android 软件包）当中，即带有 .apk 后缀的存档文件中。一个 APK 文件包含 Android 应用的所有内容，它是基于 Android 系统的设备用来安装应用的文件 安装到设备后，每个 Android 应用都运行在自己的安全沙箱内： Android 操作系统...
Android基础及应用 界面设计
程序员野蛮成长
04-28 1330
一、实验目的1. 熟悉和掌握界面控件设计；2. 掌握Android界面布局；3. 掌握控件的事件处理。 二、实验过程1、创建工程创建一个Android工程，工程名和包名自定义，Activity Name和Layout Name修改为有实际含义的名称，其余根据实际情况选择，一路Next，最后点击Finish完成工程创建。2、添加相关控件打开res -&gt; layout下的布局文件，根据实际情况选...
探究Android 关于Activity调用finish()方法后的内存释放情况
有酒平步上青天
07-24 1万+
公司一直在做自己的硬件产品，但是运行内存只有512M，所有一旦后台的驻留应用过多，前台的应用就会很卡断。当然，原因有很多，我们产品的cpu有瓶颈，计算过慢，导致卡断。后台的常驻服务和应用过多，像QQ，微信，360，豌豆荚之类的。运行内存不足，内存管理机制就开始起作用，其中又涉及到swap分区等linux的相关知识…其实我们做应用层的，正常情况下，只需要关心自己的app是否会内容泄露，当设备内存不足时
Android初级基础知识复习(一) —— 简单布局
HarryPottey的博客
07-15 569
1. JDK JDK是Java语言的编译器，全称为Java Development Kit，即Java开发工具包。因为Android应用采用Java 语言开发，所以开发机上要先安装JDK 2. SDK SDK是Android应用的编译器，全称为Software Development Kit，即软件开发工具包。SDK提供了App 开发的常用工具合集 3. NDK NDK是C/C++代码的编译器，全称为Native Development Kit，意即原生开发工具包。 4.编译项目／模块 （1）选择菜单Bui
Android布局容器&视图元素
star_nwe的博客
08-04 547
在 Android 中，界面布局是指如何组织和排列用户界面中的视图（View）元素，以形成用户所看到的界面。Android 提供了多种布局容器（Layout Container）和视图元素（View Element），用于实现各种不同类型的用户界面。LinearLayout：线性布局容器，可以水平或垂直排列子视图。RelativeLayout：相对布局容器，可以根据视图之间的相对位置排列子视图。ConstraintLayout：约束布局容器，强大灵活的布局容器，可以通过约束条件来排列子视图。
Android知识点1-Activity生命周期
hi_baymax的博客
12-17 219
1、生命周期的意义 Android对Activity的管理使用的是栈的方式。换句话说，某一时刻只有一个Activity处在栈顶，当这个Activity被销毁后，下面的Activity才有可能浮到栈顶；或者有新的Activity被创建出来，旧的Activity就被压栈下去。 Activity一般有四种状态： （1）当Activity位于栈顶时，此时正好处于屏幕最前方，此时处于运行状态； （2...
android学习笔记——回调机制
雅文的专栏
03-20 330
http://blog.csdn.net/xiaanming/article/details/8703708/ 博主好厉害！终于是在这里看了个明白什么是回调机制。 说下自己的理解，方便以后回顾 首先需要有一个接口，在其中写一个方法。 要有两个类ClassA和ClassB ClassA中有ClassB的成员对象（也就是ClassA的对象中会包含ClassB这个类的对象，我们想要让B去
Android应用的界面编程
01-20
在Android应用开发中，界面编程是至关重要的，它决定了用户与应用交互的方式和体验。本实验旨在让开发者了解Android界面编程的基本概念，包括视图(View)的使用以及各种布局管理器，同时熟悉常用UI组件的运用。通过...
Android应用的界面编程.pptx
11-02
Android应用的界面编程.pptx
Android应用的界面编程.pdf
11-01
Android应用的界面编程.pdf
Android基础编程-课程介绍.pptx
12-19
Android基础编程是学习开发Android应用程序的关键步骤，它涉及到操作系统、编程语言、用户界面设计等多个方面的知识。以下是对Android基础编程的详细讲解： 1. **Android概述** Android是由Andy Rubin创建的操作...
Android编程入门教程，从零基础入门到精通，看这一篇就够了（2023年最新版）
Code1994的博客
08-18 1万+
本文罗列了了Android零基础入门到精通的详细教程，内容均以知识目录的形式展开。01 Android 概述02 开发准备03 Android 应用基础使用Android Studio开发Android APP。
【安卓学习笔记】界面编程入门
haohulala的博客
01-11 831
在安卓应用中，View组件只是一个空白的矩形区域，没有任何内容，对于android的其他UI组件来说，他们都继承了View组件，然后在View组件提供的空白区域上绘制外观。接着，我们定义一个MainActivity类，并且给线性布局容器添加一个ImageView容器来显示图片，ImageView容器也是可以添加按钮监控的，在重载的onClick()方法中，我们需要编写替换下一张图片的代码。最后获得的效果就是，界面正上方有一个显示图片的区域，当我们点击该图片的时候，显示的图片就会改变。
2022年 超详细的Android（安卓）入门编程教程
热门推荐
qq_44102588的博客
01-18 2万+
前言 对于 Android 新手入门，很容易会遇到学习瓶颈和困难。 没有一个好学的学习方向，学习规划，学习教程，这都是新手会面临的问题。 很多人会在百度上搜索，查阅相关资料。但是网上搜索的很多资料，都是断片式的学习，缺乏完整性和系统性。 新手入门，本来就还处在什么都还不知道的阶段，这时碎片化的学习知识点更加容易犯晕，头脑不清晰。那新手入门应该怎样学习，从哪里开始学习？ 下面分享大佬推荐的 Android 编程入门教程，简单明了，上手快；从实用性出发，快速掌握 Android 开发基本技能。 Androi
Android基础教程（非常详细）从零基础入门到精通，看完这一篇就够了
wangluoanquan111的博客
08-13 1万+
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…其中，本科计算机类专业起薪与2021届基本持平，高职自动化类月收入增长明显，2022届反超铁道运输类专业（5295元）排在第一位。
Android初学八之Android网络编程
m0_67402236的博客
04-29 1475
目录 0 环境 1 目标 2 OkHttp框架的原理 3 界面展示 4 核心代码 4.1 UI设计 4.2 安装网络框架环境 4.3 使用网络框架连接后台数据并在APP中展示数据结果 5 代码仓库 6 总结 0 环境 在Android Studio中进行有关代码的编写和界面效果展示。 1 目标 掌握Android网络编程基本原理； 掌握常用网络编程框架OKhttp； 能够进行APP网络编程开发。 2 OkHttp框架的原理 OkHttp 是一套处理 HTTP 网络请求的依赖库，由 Sq
Android-第九节网络编程
H_xxxxd的博客
03-02 2146
android网络编程
安卓好用的python编辑器,安卓平台python编辑器
最新发布
神经网络爱好者
03-27 1015
现在越来越多人学习python，很多小伙伴都富有激情的，利用碎片化的时间都要学习，大家都知道pyhton是简单易学的，但是光说不练，假把式，最好能编程并且运行，最好能有一款在手机上可以随时随地编写python代码，而且功能齐全的app。下面为大家列举几种，我知道的手机上的python编辑器python画樱花树。好啦，这就是今天的内容，入门知识点资料免费发送的哈，想要的小伙伴儿不要错过，带你直接弯道超车，少走一大波弯路，准备好了嘛？！我们要开始学习一项编程技术啦！
Android界面编程：Adapter深度解析
"Android用户界面编程的技巧和设计模式，主要涵盖了如何使用Adapter、处理背景和图像、更新请求、管理视图和布局以及内存分配。本文深入解析了Adapter在...这些知识点对于开发高效且用户友好的Android应用至关重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值