安卓学习笔记3.2 帧式布局

最新推荐文章于 2024-08-09 10:19:02 发布
最新推荐文章于 2024-08-09 10:19:02 发布
阅读量71 收藏
点赞数
文章标签： android 学习 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69493757/article/details/127715562
版权

文章目录

一、案例展示

1、创建安卓应用

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

2、字符串资源文件

  • strings.xml
    在这里插入图片描述
  • 代码
<resources>
    <string name="app_name">帧式布局：切换颜色</string>
    <string name="bottom">底层</string>
    <string name="middle">中层</string>
    <string name="top">顶层</string>
    <string name="switch_color">切换颜色</string>
</resources>

3、主布局资源文件

  • activity_main.xml
    在这里插入图片描述
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:gravity="center"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp">

        <TextView
            android:id="@+id/tv_bottom"
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:background="#ff0000"
            android:text="@string/bottom"
            android:textSize="30sp"
            android:textColor="#ffff00"/>

        <TextView
            android:id="@+id/tv_middle"
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:layout_gravity="center"
            android:background="#00ff00"
            android:text="@string/middle"
            android:textSize="30sp"
            android:textColor="#ffff00"/>

        <TextView
            android:id="@+id/tv_top"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:background="#0000ff"
            android:text="@string/top"
            android:textSize="30sp"
            android:textColor="#ffff00"/>

    </FrameLayout>
    <Button
        android:id="@+id/btn_switch_color"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:onClick="doSwitchColor"
        android:text="@string/switch_color"
        android:textSize="20sp"/>


</LinearLayout>
  • 打开Design视图，产看预览效果
    在这里插入图片描述

5、主界面

在这里插入图片描述

  • 定义以下变量
    在这里插入图片描述
  • 通过资源标识符（id）来获取控件的实例
    在这里插入图片描述
  • 绑定事件（在Button 控件中 通过onClick属性绑定事件doSwitchColor）
    在这里插入图片描述

方法（一）

在这里插入图片描述

  • 代码
package net.hxl.switch_color;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

import java.security.PublicKey;

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);     
    }

    // 切换颜色单击事件处理方法
    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]);
    }
}
  • 查看运行效果
    在这里插入图片描述

方法（二）

在这里插入图片描述

  • 代码
package net.hxl.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[] 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};

    }
    // 切换颜色点击事件处理方法
    public void doSwitchColor(View view) {
        // 采用左移算法
        int temp = colors[0];
        colors[0] = colors[1];
        colors[1] = colors[2];
        colors[2] = temp;

        //根据颜方案来设置三层标签背景颜色
        tvBottom.setBackgroundColor(colors[0]);
        tvMiddle.setBackgroundColor(colors[1]);
        tvTop.setBackgroundColor(colors[2]);
    }
}

方法（三）

在这里插入图片描述

  • 代码
package net.hxl.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[] 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};

    }
    // 切换颜色单击时间处理方法
    public void doSwitchColor(View view) {
        // 通过颜色数组切换颜色[采用左移算法]
        int temp = colors[0];
        {
            for (int i = 0; i < colors.length - 1; i++) {
                colors[i] = colors[i + 1];
            }
            colors[colors.length - 1] = temp;
            //根据颜方案来设置三层标签背景颜色
            tvBottom.setBackgroundColor(colors[0]);
            tvMiddle.setBackgroundColor(colors[1]);
            tvTop.setBackgroundColor(colors[2]);

        }
    }
}

6、最终效果

在这里插入图片描述

Hxiug.虚晨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
安卓讲课笔记3.2 帧式布局
howard2005的专栏
10-24 619
1. 了解帧式布局用途； 2. 熟悉帧式布局常用属性； 3. 掌握线性布局嵌套帧式布局
Android动画学习笔记-Android Animation
2401_84149444的博客
04-22 349
针对于上面的问题，我总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料。（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
Android学习笔记（一）：Android基础
氷泠
10-12 2163
Android基础学习
Android学习笔记 3.2View的滑动
CollinsLee的博客
05-10 267
1.使用scrollTo/scrollBy 操作简单，适用于对View内容的滑动： scrollBy实际上是调用scrollTo方法，实现了基于当前位置的相对滑动，scrollTo则实现了基于所传递参数的绝对滑动。这个方法只能改变View内容的位置。 scrollTo/scrollBy源码 /** * Set the scrolled position of your view.
学习笔记-Flutter 布局详解
人饭子的博客
11-10 675
Flutter 布局详解 本文主要介绍了Flutter布局相关的内容，对相关知识点进行了梳理，并从实际例子触发，进一步讲解该如何去进行布局。 1. 简介 在介绍Flutter布局之前，我们得先了解Flutter中的一些布局相关的特性。 1.1 边界约束(box constraints) box constraints有人也翻译为盒约束、箱约束，我个人还是觉得边界约束可能更直观一些。 Flu...
【Android四大组件之Activity学习笔记】
weixin_48495360的博客
03-17 927
Activity的学习笔记总结，适合初次学习Activity的伙伴学习，内有大量实例，可直接现学现用！
Android学习笔记 | 3.2 编程访问 Android 控件
weixin_43787043的博客
05-06 206
本文是从"金老师的计算机自学网站"上的学习笔记，强推！内容特别好。有需要可以去学学哦~ 目录 一、Activity 概述 二、布局概述​​​​​​ 三、Activity 与 布局文件 四、项目中的资源 五、findViewById的替代 六、小结 一、Activity 概述 二、布局概述 三、Activity 与 布局文件 建议不要修改activity的基类，防止...
Android学习笔记
菜鸟成长之路-wei的博客
01-22 2885
安装步骤 https://blog.csdn.net/siwuxie095/article/details/53431818 一.LinearLayout线性布局 //宽度高度单位使用dp,不是px. 字体使用sp单位 layout_width:match_parent 和父亲一样宽 gravity:center ...//内部元素排列方式 View是所有其他的父类 均...
移动web开发学习笔记（rem适配布局+响应式布局）
2401_84433570的博客
05-03 37
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
NVRAM学习笔记
12-21
### NVRAM学习笔记 #### 一、NVRAM定义与结构 **1.1 NVRAM概述** NVRAM，即非易失性随机访问存储器（Non-Volatile Random Access Memory），是一种特殊的RAM类型，其特点在于即使电源关闭也能保留数据。这种特性...
基于Android安卓的电子书阅读器课程毕业设计
02-04
本文将详细介绍一个基于Android平台的电子书阅读器的毕业设计项目，旨在为学生提供一个实际的开发案例，了解并掌握Android应用开发的基本技能和流程。该设计涵盖了从需求分析到软件实现的全过程，涉及电子书阅读器的...
新版Android开发教程及笔记-完整版
08-23
### Android开发教程及笔记知识点概览 #### 一、开放手机联盟（Open Handset Alliance）简介 **开放手机联盟**，简称OHA，是Google在2007年11月5日发起的一个全球性联盟组织。该联盟旨在支持Google发布的Android...
【vulnhub】Wakanda :1靶机
wbplife的博客
08-07 570
lang=fr表示语言为法语,可以设置成中文,英语等语言,既然这个lang可以改变语言,那么说明改变语言使用了语言php文件,那么关联的就是文件包含漏洞了,页面没什么可以下手的地方,那我们就构造url,这里就关联到一个知识点,也是我们要用到的:php://filter.它是php中一个独有的协议,它作为一个中间流来处理其流,比如我们可以将我们手上的源码用base64解码来dowm下来.创建一个恶意setup.py并上传到tmp目录，和上面的方法一样，创建文件，并远程下载到/tmp目录下面。
Android12修改设备名称
最新发布
08-09 504
Android12 修改设备名称
【Android】网络技术知识总结之WebView,HttpURLConnection,OKHttp,XML的pull解析方式
Patrick_yuxuan的博客
08-07 916
网络技术知识总结—WebView,HttpURLConnection,OKHttp,XML的pull解析方式
laravel 模型 unionALL数据错乱问题
u012230371的博客
08-07 323
laravel 模型 unionAll 分页 数据错乱
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hxiug.虚晨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值