android:contentDescription的作用及使用方法

最新推荐文章于 2024-07-09 11:04:16 发布
最新推荐文章于 2024-07-09 11:04:16 发布
阅读量851 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发
原文链接：https://yq.aliyun.com/articles/465899

终于建了一个自己个人小站：https://huangtianyu.gitee.io，以后优先更新小站博客，欢迎进站，O(∩_∩)O~~

今天在做项目的代码分析时，给出了我这样的提示

然后就查了一下android:contentDescription属性的意义，下面就贴出我查询的结果。

在android控件中有一个属性叫做android:contentDescription 。

一般来说，用户很少使用这个属性。

但是对于一些视力有障碍的用户，android提供给用户一个很有用的功能，可以帮助使用app。

这个属性必须在用户的Accessible 中的相应属性开启后才能使用。

1. 首先下载google的应用 TalkBack (an accessibility service published by Google) 并且将功能打开 Settings > Accessibility > TalkBack 设置为On。

2.在应用中添加这个属性。

<ImageView  
    android:id="@+id/imageView1"
    android:src="@drawable/icon_head"
    android:contentDescription="@string/head"/>


3.由于这个控件没有text属性，对于一些用户来说，无法理解这个控件是做什么的。

这时用户点击这个控件。android系统会自动使用人声朗读控件上android:contentDescription属性说指向的内容。

这样用户就可以知道这个控件是做什么用的。

这个属性的主要功能就是为视力有障碍的人增加对控件的解释。

Android 属性contentDescription详解
xiangzhihong8的专栏
09-23 794
contentDescription 是一个属性，可以应用于 Android 视图（View）元素，例如按钮、图像、文本视图等。它为这些视图提供了文本描述，以便屏幕阅读器（如 TalkBack）等辅助技术能读取和解释这些元素的含义。
android contentDescription的使用
谢岩的博客
04-13 3521
最近，工作比较忙了，所以也没有时间写比较好的博客，但是我想把每天写博客的习惯保持下来，所以今天还是写点东西。今天就随便讲讲android的  contentDescription的使用。 说到这个，很多人估计都不知道用这个功能，其实我之前也不知道，后来看到代码里用到这个，在网上查找后，知道这个的用法。所以这次记录一下。 在Android控件中有一个属性叫做android:con
【Android View】Android `contentDescription` 详解
u010870679的博客
07-09 2027
是一个属性，可以应用于 Android 视图（View）元素，例如按钮、图像、文本视图等。它为这些视图提供了文本描述，以便屏幕阅读器（如 TalkBack）等辅助技术能读取和解释这些元素的含义。是 Android 中提高无障碍支持的重要属性，通过为视图元素提供文本描述，可以帮助视障用户更好地理解和使用应用。合理使用不仅能提升用户体验，还能使应用符合无障碍设计标准，提高应用的整体质量。希望本文能够帮助你更好地理解和应用属性。
android:contentDescription 的用途
热门推荐
yuxiaohui78的专栏
11-17 10万+
在android控件中有一个属性叫做android:contentDescription 。 一般来说，用户很少使用这个属性。但是对于
android:contentDescription的作用是什么
A08110123的博客
05-19 620
在写Android的XML布局文件时，在ImageView或ImageButton中经常会碰到一个提示: Missing contentDescription attribute on image. 这个属性是做什么的呢？ 其实这个属性是方便一些生理功能有缺陷的人使用应用程序的。比如我们有一个ImageView里面放置一张颜色复杂的图片，可能一些色弱色盲的人，分不清这张图片中画的是...
android:contentDescription
weixin_30653023的博客
08-10 257
android:contentDescription这个属性相信大家并不陌生，在ImageButton的使用过程中如果不添加这个属性会有警告信息。 那么android:contentDescription究竟是干什么的呢？今天查了下资料才知道这个属性的真正作用。 该属性为视力障碍的用户提供方便，在为其设置文字属性后，如果用户的设备的可访问性选项作了相应的设置，那么用户点击图形按钮时，设备会读出...
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#fff2f2f2" tools:context="com.hik.netsdk.SimpleDemo.View.MainActivity"> <RelativeLayout android:id="@+id/ra_title" android:layout_width="match_parent" android:layout_height="44dp" android:background="@mipmap/title_bg"> <TextView android:id="@+id/titlename" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:layout_gravity="center" android:text="易丰视频监控" android:textColor="@android:color/white" android:textSize="18sp" /> <ImageButton android:id="@+id/back" android:layout_width="40dp" android:layout_height="match_parent" android:background="@null" android:paddingLeft="10dp" android:contentDescription="视频插件" android:src="@mipmap/img_back" /> <ImageButton android:id="@+id/ib_rotate" android:layout_width="50dp" android:layout_height="match_parent" android:layout_alignParentRight="true" android:onClick="changeScreen" android:layout_marginRight="6dp" android:scaleType="centerInside" android:background="@drawable/gps_select" android:contentDescription="视频插件" android:src="@mipmap/ic_size_sel" /> </RelativeLayout> <RelativeLayout android:id="@+id/rl_control" android:layout_width="match_parent" android:layout_height="266dp" android:layout_alignParentBottom="true" > <LinearLayout android:id="@+id/ll_center" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerInParent="true" android:background="@mipmap/ycjk_yp" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb1" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb2" /> <ImageButton android:visibility="gone" android:id="@+id/left_up" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@null" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb3" /> </LinearLayout> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb4" /> </LinearLayout> <ImageButton android:id="@+id/ptz_top_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@drawable/nnew_video_up" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb1" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb3" /> <ImageButton android:visibility="gone" android:id="@+id/right_up" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@null" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb2" /> </LinearLayout> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb4" /> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" > <ImageButton android:id="@+id/ptz_left_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@drawable/nnew_video_left" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_zj" /> <ImageButton android:id="@+id/ptz_right_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:contentDescription="视频插件" android:background="@drawable/nnew_video_right" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb4" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb2" /> <ImageButton android:visibility="gone" android:id="@+id/left_down" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@null" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb3" /> </LinearLayout> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb1" /> </LinearLayout> <ImageButton android:id="@+id/ptz_bottom_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@drawable/nnew_video_down" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb4" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:contentDescription="视频插件" android:background="@mipmap/ycjk_kb3" /> <ImageButton android:visibility="gone" android:id="@+id/right_down" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@null" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@mipmap/ycjk_kb2" /> </LinearLayout> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:minWidth="48dp" android:minHeight="48dp" android:padding="12dp" android:background="@mipmap/ycjk_kb1" /> </LinearLayout> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_toLeftOf="@id/ll_center" android:gravity="center" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical"> <ImageButton android:id="@+id/focus_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more1" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="16dp" android:text="焦距 +" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageButton android:id="@+id/guangquan_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more3" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:text="光圈 +" android:contentDescription="视频插件" android:textSize="16dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageButton android:id="@+id/zoom_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more5" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:text="变倍 +" android:textSize="16dp" /> </LinearLayout> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_toRightOf="@id/ll_center" android:gravity="center" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageButton android:id="@+id/foucus_reduce" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more2" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:text="焦距 -" android:textSize="16dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageButton android:id="@+id/guangquan_reduce" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more4" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:text="光圈 -" android:contentDescription="视频插件" android:textSize="16dp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:orientation="vertical" > <ImageButton android:id="@+id/zoom_reduce" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more6" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:text="变倍 -" android:textSize="16dp" /> </LinearLayout> </LinearLayout> </RelativeLayout> <RelativeLayout android:layout_above="@id/rl_control" android:layout_below="@id/ra_title" android:layout_width="match_parent" android:layout_height="match_parent" > <SurfaceView android:id="@+id/realplay_sv" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/transparent" /> <ImageButton android:id="@+id/ib_rotate2" android:layout_width="40dp" android:layout_height="40dp" android:layout_alignParentLeft="true" android:layout_marginLeft="3dp" android:background="@color/green" android:onClick="changeScreen" android:contentDescription="视频插件" android:src="@mipmap/img_systems_close" /> <ProgressBar android:id="@+id/liveProgressBar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" /> <LinearLayout android:id="@+id/ll_hc" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" > <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" > <ImageButton android:id="@+id/ptz_top_btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@mipmap/h_up" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" > <ImageButton android:id="@+id/ptz_bottom_btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@mipmap/h_down" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" > <ImageButton android:id="@+id/ptz_left_btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@mipmap/h_left" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" > <ImageButton android:id="@+id/ptz_right_btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@mipmap/h_right" /> </LinearLayout> <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:gravity="center" android:layout_weight="1" > <ImageButton android:id="@+id/focus_add2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more1" /> </LinearLayout> <LinearLayout android:gravity="center" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" > <ImageButton android:id="@+id/foucus_reduce2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more2" /> </LinearLayout> <LinearLayout android:gravity="center" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" > <ImageButton android:id="@+id/zoom_add2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more5" /> </LinearLayout> <LinearLayout android:gravity="center" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" > <ImageButton android:id="@+id/zoom_reduce2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentDescription="视频插件" android:background="@drawable/video_more6" /> </LinearLayout> </LinearLayout> </RelativeLayout> </RelativeLayout> 依据上述代码解决报错 <ImageButton>: Touch target size too small <ImageButton>: Touch target size too small <ImageButton>: Touch target size too small <ImageButton>: Touch target size too small <ImageButton>: Touch target size too small
最新发布
06-24
android:contentDescription="上移" android:background="@drawable/nnew_video_up" /> android:id="@+id/ptz_left_btn" android:layout_width="wrap_content" android:layout_height="wrap_content" ...
android:contentDescription 的参数
06-06
android:contentDescription 是一个用于描述 View 内容的属性，常用于为视觉障碍人士提供内容描述。它的参数可以是字符串，例如： ``` android:contentDescription="这是一个搜索按钮" ``` 也可以是一个引用资源 ...
Android中contentDescription属性作用
Run Away
10-30 5422
android:contentDescription="控件的备注说明" 设置View的备注说明，作为一种辅助功能提供,为一些没有文字描述的View提供说明，如ImageButton。这里在界面上不会有效果，自己在程序中控制，可临时放一点字符串数据。
Android日记 android:contentDescription 属性
Lazy_Sleep的博客
11-08 452
[Accessibility] Missing contentDescription attribute on image(可访问性)丢失的图像内容描述属性这个属性是方便一些生理功能有缺陷的人使用应用程序的。比如我们有一个ImageView里面放置一张颜色复杂的图片，可能一些色弱色盲的人，分不清这张图片中画的是什么东西。 如果用户安装了辅助浏览工具比如TalkBack,它能大声朗读出用户目前正在浏
android:contentDescription属性作用
主营Android，副营Flutter、前端
07-25 3144
在.xml布局中使用“android:contentDescription”属性主要目的是为了帮助个别用户使用，这个作用是在用户不清楚你写的这个控件是什么时候，同时用户打开了手机中的辅助工具（如TalkBack），这样这个辅助工具就可以读出该属性设置的值。 举个栗子吧： 前提：用户是一名色盲或者色弱用户，手机打开了辅助工具（如TalkBack） 你的布局空间： <ImageView
Android:contentDescription 不是无用
weixin_30915275的博客
07-08 301
在写Android的XML布局文件时，在ImageView或ImageButton中经常会碰到一个提示:Missing contentDescription attribute on image. 在Android 的图片显示类的控件中，不写 android:contentDescription 往往会有警告（Eclipse开发时），这个属性是方便一些生理功能有缺陷的人使用应用程序的，比如...
安卓中contentDescription属性的作用详解
chunqingtai2922的博客
07-14 1691
在开发android时，在定义一个ImageVIew/ImageButton控件时，总是提示这个警告： [Accessibility] MissingcontentDescriptionattribute on image 这是提醒我们需要增加contentDescription属性，...
android:contentDescription 的用途的用途
chuyouyinghe的专栏
04-09 790
android系统会自动使用人声朗读控件上android:contentDescription属性说指向的内容。但是对于一些视力有障碍的用户，android提供给用户一个很有用的功能，可以帮助使用app。3.由于这个控件没有text属性，对于一些用户来说，无法理解这个控件是做什么的。这个属性必须在用户的Accessible 中的相应属性开启后才能使用。这个属性的主要功能就是为视力有障碍的人增加对控件的解释。这样用户就可以知道这个控件是做什么用的。一般来说，用户很少使用这个属性。2.在应用中添加这个属性。
关于Android studio编程中遇到的一些警告
m0_52310085的博客
02-03 1589
最近在自学Android制作APP，使用的Android版本是2023.3.1，使用的开发语言时JAVA，把在学习的过程中遇到了一些警告小问题，虽然不影响代码的运行但是警告多了看起来也很不舒服，所以在此记录一下警告及解决方法以方便以后参考。警告的信息为：: Image without `contentDescription`图1。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值