Android学习笔记第2章 Android应用的界面编程 2.1 界面编程与视图(View)组件 2.1.3 在代码中控制UI界面

雨点打透心脏的1/2处 2024-03-26 21:03 59阅读 0赞

#### Android学习笔记 ####

#### 文章目录 ####

*   *   *  Android学习笔记
         *  第2章 Android应用的界面编程
         *   *  2.1 界面编程与视图(View)组件
             *   *  2.1.3 在代码中控制UI界面

> 疯狂Android讲义

#### 第2章 Android应用的界面编程 ####

##### 2.1 界面编程与视图(View)组件 #####

###### 2.1.3 在代码中控制UI界面 ######

虽然Android推荐使用XML布局文件来控制UI界面，但如果开发者愿意，Android允许开发者完全抛弃XML布局文件，完全在Java或Kotlin代码中控制UI界面。

如果希望在代码中控制UI界面，那么所有的UI组件都将自行创建出来，然后以合适的方式“搭建”在一起即可。

【举个例子】用编程的方式开发UI界面

这里笔者就新建一个Android Studio项目正式开始学习了

![在这里插入图片描述][8d55c0795961415c8b9e614d5fcbbeb0.png_pic_center]

![在这里插入图片描述][5dbf1be2085149049f31bf94488f784e.png_pic_center]

![在这里插入图片描述][5e92a0b5a9df48cfaa9f0e17aa44da24.png_pic_center]

直接创建

> ![在这里插入图片描述][23fe813b88cd437c85af660e6b53d552.png_pic_center]
> 
> HelloWorld 这个就留作纪念吧

![在这里插入图片描述][df80b54bce9e4734aac850dee16be378.png_pic_center]

来一个新的模块【即Android项目】

![在这里插入图片描述][c3080eb2e1ec4dc08f858231e2df1d4d.png_pic_center]

![在这里插入图片描述][c10033a45c624e8d986509e839cd7d8f.png_pic_center]

![在这里插入图片描述][09dc402260fe4991b9592ecf0472c4a2.png_pic_center]

![在这里插入图片描述][ba32d630a0fe4795af3155c463fb53da.png_pic_center]

finish

![在这里插入图片描述][94ba4de70286423dafc30a99fb9e2fb4.png_pic_center]

这样也可以看出来确实这样的项目构造有说法的

编写代码

package com.dingjiaxiong.codeview;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.os.Bundle;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    
    public class MainActivity extends AppCompatActivity {
        
    
        // 当第一个创建该Activity时回调该方法
        @Override
        protected void onCreate(Bundle savedInstanceState) {
        
            super.onCreate(savedInstanceState);
    
            // 创建一个线性布局管理器
            LinearLayout layout = new LinearLayout(this);
            // 设置该Activity显示layout
            super.setContentView(layout);
            layout.setOrientation(LinearLayout.VERTICAL); // 垂直布局
    
            // 创建一个TextView
            TextView show = new TextView(this);
            // 创建一个按钮
            Button bn = new Button(this);
            bn.setText("单击我");
            bn.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    
            // 向layout容器中添加TextView
            layout.addView(show);
            // 向layout容器中添加按钮
            layout.addView(bn);
    
            // 为按钮绑定一个事件监听器
            bn.setOnClickListener((view) -> {
        
                show.setText("Hello , Android, " + new java.util.Date());
            });
    
        }
    }

![在这里插入图片描述][20a4890d3bfa4a5dbe5a48c002c41e17.png_pic_center]

这个程序中所用到的UI组件都是用Java代码自行创建的。

从上面的程序代码可以看出，无论创建哪种UI组件，都需要传入一个this参数，这是由于创建UI组件时传入一个Context参数，Context代表访问Android应用环境的全局信息的API。

让UI组件持有一个Context参数，可以让这些UI组件通过该Context参数来获取Android应用环境的全局信息。

Context本身是一个抽象类，Android应用的Activity、Service都继承了Context,因此Activity、Service都可直接作为Context使用。

直接运行看看效果吧

![在这里插入图片描述][1c436b3b35d84c4996c82da35a340d71.png_pic_center]

单击按钮

![在这里插入图片描述][97747e57846a45198c64116436329304.png_pic_center]

没问题

[8d55c0795961415c8b9e614d5fcbbeb0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a9591eca564f454ea514ec3eba1f1eff.png
[5dbf1be2085149049f31bf94488f784e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/8795653278584720bebf994c3ad341e2.png
[5e92a0b5a9df48cfaa9f0e17aa44da24.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/2bd86b3f93b9443283cc28cc28f3e2a9.png
[23fe813b88cd437c85af660e6b53d552.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/b9fce866a995445d8b7f13a02f8c89bc.png
[df80b54bce9e4734aac850dee16be378.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ffb17dc0fd074e0dbffda0f153425f13.png
[c3080eb2e1ec4dc08f858231e2df1d4d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e9209234e6f84415bc6a4d77edb42f52.png
[c10033a45c624e8d986509e839cd7d8f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/2d4be0d96b0e4f018c8bf3698b9ec25e.png
[09dc402260fe4991b9592ecf0472c4a2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/d8bc15e681b9468eaa6fd509d3434b71.png
[ba32d630a0fe4795af3155c463fb53da.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/ca2f75a79f7d4c5c8b7131211e011d43.png
[94ba4de70286423dafc30a99fb9e2fb4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/59cf000a482f461f8e525622db113f4f.png
[20a4890d3bfa4a5dbe5a48c002c41e17.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/57a97ebdabaa4a64bf32587958d10beb.png
[1c436b3b35d84c4996c82da35a340d71.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/05e0ccca9461464a85a0918cb5db97c8.png
[97747e57846a45198c64116436329304.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/67ef3a2188ae426eac8ea122eb704a3a.png