Android基础二：常见的几种组件

「爱情、让人受尽委屈。」 2024-03-31 10:35 14阅读 0赞

> **关注我，会持续发布关于Android学习的内容！**
> 
> **大学生交流群：****728910358**

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

前言

一、MaterialButton

二、MaterialButtonToggleGroup

三、TextView 文本组件

四、ImageView控件

总结

--------------------

## 前言 ##

本节我们来学习安卓（Android）的几种常用的组件，包括MaterialButton（按钮），MaterialButtonToggleGroup（按钮组布局），TextView（文本控件），ImageView（图片控件）的一些基础组件的使用，快来一起学习吧。

--------------------

## 一、MaterialButton ##

**MaterialButton**  是  Google  于  SDK28  推出的新控件，当遇到按钮需要 **圆角** 、 或者**描边** 等，就不必使用  xml  文件或者  Github  上找第三方库实现。

**效果预览**

![6bc7a1f7a3ec41a5930bd9d544d7c824.png][]

**依赖注入**

com.google.android.material:material:1.3.0

**继承关系**

java.lang.Object
    ↳android.view.View
     ↳android.widget.TextView
     ↳android.widget.Button
     ↳androidx.appcompat.widget.AppCompatButton
     ↳com.google.android.material.button.MaterialButton

MaterialButton  继承  AppCompatButton, 所以它拥有  AppCompatButton  所有的特性，且 在其基础上做了一些扩展，如圆角、描边、前置和后置 icon （支持设置  Size 、 Tint 、 Padding 、 Gravity 等），还支持按压水波纹并且自定义颜色。

**关键属性**

![32e4b10c7f4c47c488ae0c47633398ef.png][]

![23815c09db0a4c26bd3efad164b03244.png][]

**注意事项**

1、不可以使用 android:background  设置按钮背景，会破坏  MaterialButton  本身的 绘制，而设置背景则推荐使用 app:backgroundTint

2、 MaterialButton  创建后，按钮实际长度并不是设定值，因为它上下有留空，可以使用

android:insetBottom="0dp" 和  android:insetTop="0dp" 去除

3、 去除阴影

MD  控件默认有阴影效果，但是有时候我们并不想要按钮有阴影，那么这时候可以指定 style

为  style="@style/Widget.MaterialComponents.Button.UnelevatedButton" 这样就能去掉阴影，让视图看起来扁平化

## 二、MaterialButtonToggleGroup ##

**效果预览**

![ef3a48ded2fd431abf67c6f92a0c717d.png][]

![a634de8effe04e71abeee87188c8f661.png][]

**继承关系**

java.lang.Object
     ↳android.view.View
     ↳android.view.ViewGroup
     ↳android.widget.LinearLayout
     ↳
    com.google.android.material.button.MaterialButtonToggleGroup

类似一个  LinearLayout ，但只能添加  MaterialButton ，只有第一个子元素的最 左边角和最后一个子元素的最右边角才能保留它们的形状外观圆角大小，类似于 iOS  中的  SegmentedControl ， 用户可以从组中选择一个或多个选项。

**公开属性**

![f2895c0d18774198964c7f9bb3432b16.png][]

**tab切换监听**

MaterialButtonToggleGroup materialButtonToggleGroup =
    findViewById(R.id.toggleGroup);
    materialButtonToggleGroup.addOnButtonCheckedListener(new
    MaterialButtonToggleGroup.OnButtonCheckedListener() {
     @Override
     public void onButtonChecked(MaterialButtonToggleGroup group, int
    checkedId, boolean isChecked) {
     Toast.makeText(MainActivity.this, "ID：" + checkedId + ",
    checked：" + isChecked, Toast.LENGTH_SHORT).show();
     }
    });

--------------------

## 三、TextView 文本组件 ##

**常用属性**

![db56ea88bff34bcc9f48831f0b445da3.png][]

![686b85de4e2a48e1b36c379b27d7edf6.png][]

**效果演示**

![0ea4c1f69047436d9c4c8dfaa5c67200.png][]

--------------------

#### 四、ImageView控件 ####

**常见属性**

![281a9e94edf745229eebb3d90b2b6c1a.png][]

![2f950905ed6a4f558af8ccba24bc7803.png][]

![a4e1bc15cf774969a0c31d10d1adba5f.png][]

很多人都觉得  **fitCenter**  和  **centerInside**  没有区别，根据上面的效果图来分

析，其实是有区别的。

**fitCenter** : 是将原图等比例放大或缩小，使原图的高度等于  ImageView  的高

度，并居中显示 **centerInside** ：在原图的原本长宽大于  ImageView  的长宽时，则缩小原图，

效果同  fitCenter ；在原图的长宽小于  ImageView  的长宽时，则不进行任何处

理，居中显示，效果同  center 。

## 总结 ##

本章大概介绍了几种基本组件的使用，学完之后赶紧用起来啊。

[6bc7a1f7a3ec41a5930bd9d544d7c824.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/647b975fe0b242a49724d28dbd50a6e4.png
[32e4b10c7f4c47c488ae0c47633398ef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/601bba6490e4403e8710e6ef89fe896c.png
[23815c09db0a4c26bd3efad164b03244.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f389e574fb79467a9069f8adad892e61.png
[ef3a48ded2fd431abf67c6f92a0c717d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/160ef5d9c6e34446965cbea85d670095.png
[a634de8effe04e71abeee87188c8f661.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/01a1fd58c89b4c318abad9b76994ae1f.png
[f2895c0d18774198964c7f9bb3432b16.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c07f18b4fbca444d8eb985c21003c98c.png
[db56ea88bff34bcc9f48831f0b445da3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/161e7f5677bc490a9dfbaf8e6c47c4c2.png
[686b85de4e2a48e1b36c379b27d7edf6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/f04e7eb809e2413381290d441be6ee24.png
[0ea4c1f69047436d9c4c8dfaa5c67200.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/98dd47216f0347d39008961657b5ba78.png
[281a9e94edf745229eebb3d90b2b6c1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/1dc523db222546828cf6705ca0af4d6a.png
[2f950905ed6a4f558af8ccba24bc7803.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/c4ed50d1b355471ba76ff5ecd71815ec.png
[a4e1bc15cf774969a0c31d10d1adba5f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/29473ec127154e00957f358952e93ec6.png