博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
3.2 帧布局
阅读量:37443 次
发布时间:2020-12-04

本文共 3136 字,大约阅读时间需要 10 分钟。

文章目录

(一)帧式布局概述

1、布局特点

  • 帧式布局是一种层叠式的布局,后添加的控件会层叠在先添加的控件上。

2、常用属性

属性 含义
scrollbars 滚动条(none、horizontal、vertical)
layout_marginTop 上边距
layout_marginBottom 下边距
layout_marginLeft 左边距
layout_marginRight 右边距
paddingLeft 左内边距
paddingRight 右内边距
paddingTop 上内边距
paddingBottom 下内边距
background 背景(背景色、背景图、背景选择器)

案例演示

创建安卓应用,实现切换颜色

  • 基于Empty Activity创建安卓应用 - SwitchColor
    在这里插入图片描述

主布局资源

在这里插入图片描述

  • 代码如下

3、字符串资源文件

在这里插入图片描述

  • 界面预览效果
    在这里插入图片描述

4、主界面实现功能

  • 定义变量

    在这里插入图片描述

  • 通过资源标识符获取控件实例

    在这里插入图片描述

  • 编写切换颜色单击事件处理方法

package net.hw.switch_color;import androidx.appcompat.app.AppCompatActivity;import android.graphics.Color;import android.os.Bundle;import android.view.View;import android.widget.TextView;public class MainActivity extends AppCompatActivity {
private TextView tvTop; private TextView tvMiddle; private TextView tvBottom; private int clickCount; // 按钮单击次数 private int[] colors; // 颜色数组 @Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); // 利用布局资源文件设置用户界面 setContentView(R.layout.activity_main); // 通过资源标识符获取控件实例 tvTop = findViewById(R.id.tv_top); tvMiddle = findViewById(R.id.tv_middle); tvBottom = findViewById(R.id.tv_bottom); } /** * 切换颜色单击事件处理方法 * * @param view */ public void doSwitchColor(View view) {
// 累加按钮单击次数 clickCount++; // 只有三种颜色切换,因此单击次数对3求余 clickCount = clickCount % 3; // 根据单击次数确定颜色方案[底层,中层,顶层] switch (clickCount) {
case 0: // 颜色方案:[红,绿,蓝] colors = new int[] {
Color.RED, Color.GREEN, Color.BLUE}; break; case 1: // 颜色方案:[绿,蓝,红] colors = new int[] {
Color.GREEN, Color.BLUE, Color.RED}; break; case 2: // 颜色方案;[蓝,红,绿] colors = new int[] {
Color.BLUE, Color.RED, Color.GREEN}; break; } // 根据颜色方案来设置三层标签背景色 tvBottom.setBackgroundColor(colors[0]); tvMiddle.setBackgroundColor(colors[1]); tvTop.setBackgroundColor(colors[2]); }}

5、启动应用查看效果

请添加图片描述

6、优化切换颜色算法

  • 采用左移算法切换颜色

    在这里插入图片描述

  • 优化左移算法(多种颜色切换)

    在这里插入图片描述

  • 代码

package net.ls.switchcolor;import androidx.appcompat.app.AppCompatActivity;import android.graphics.Color;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.TextView;public class MainActivity extends AppCompatActivity {
private TextView tvBottom; private TextView tvMiddle; private TextView tvTop; private int[] colors; @Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //通过资源标识符获取控件实例 tvTop = findViewById(R.id.tv_top); tvMiddle = findViewById(R.id.tv_middle); tvBottom = findViewById(R.id.tv_bottom); //初始化颜色数组 colors = new int[]{
Color.RED,Color.GREEN,Color.BLUE}; } /** * 切换颜色单击事件处理方法 * * @param view */ public void doSwitchColor(View view) {
//通过颜色数组切换颜色【采用左移算法】 int temp = colors[0]; for(int i=0;i

转载地址:http://fbpowy.baihongyu.com/

你可能感兴趣的文章
Kubectl exec 背后到底发生了什么?
查看>>
程序员涨薪宝典
查看>>
什么?终止一个容器竟然用了 10 秒钟,这不能忍!
查看>>
Openshift 4.4 静态 IP 离线安装系列(一):准备离线资源
查看>>
万字长文,说透了 Openshift4 的安装过程!
查看>>
Envoy 中文指南系列:Envoy 介绍
查看>>
[译] BeyondProd:云原生安全的一种新方法(Google, 2019)
查看>>
什么?VMware Fusion 也能 docker run 了?
查看>>
教你玩转微服务的装逼指南!
查看>>
Envoy 中文指南系列:Sidecar 模式
查看>>
面试官邪魅一笑:你猜一个 TCP 重置报文的序列号是多少?
查看>>
Envoy 中文指南系列: 安装
查看>>
最华丽的 Kubernetes 桌面客户端:Lens
查看>>
太赞了,这个神器竟然能分分钟将多个 kubeconfig 合并成一个!
查看>>
如何解决容器中 nginx worker process 自动设置的问题
查看>>
ethtool 原理介绍和解决网卡丢包排查思路
查看>>
HPE 推出容器平台 Ezmeral,向 VMware 与 Red Hat 下战书
查看>>
使用 Prometheus-Operator 监控 Calico
查看>>
如果你不习惯新版的 Github 的 UI 界面,可以试试这款插件
查看>>
容器化囧途——没上容器时好好的?
查看>>