安卓ImageView和ImageButton中contentDescription属性的作用详解

本文详细介绍了Android中contentDescription属性的作用,主要用于为视力障碍用户提供控件解释。通过设置此属性,系统能以语音形式告知用户控件功能,适用于ImageButton和ImageView等无文字说明的控件。若不使用该属性,可通过特定方式避免警告。

在使用ImageView和ImageButton的时候,AS会提醒我们添加contentDescription属性,否则就会有一团黄色的警告。对于一个有强迫症的人来说,这是我所不能允许的,所以就想了解contentDescription的用法和意义。contentDescription主要是为视力有障碍的人增加对控件的解释,如果不想添加该属性,也不想有警告提示,只要添加tools:ignore="ContentDescription"就可以了

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

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

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

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

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

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

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:contentDescription="我是一个测试按钮"
    />
  1. 由于这个控件没有text属性,对于一些用户来说,无法理解这个控件是做什么的。

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

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

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

如果不想使用这个属性,又不想看到警告提示,添加android:contentDescription

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    tools:ignore="ContentDescription" />

只有在ImageButtonImageView会有警告,其他控件不会警告

原文:https://blog.youkuaiyun.com/yuxiaohui78/article/details/41206179

<!-- 示例:播放/暂停按钮 --> <ImageButton android:id="@+id/btnPlayPause" android:layout_width="80dp" android:layout_height="80dp" android:src="@drawable/ic_play" android:contentDescription="@string/desc_play_button" <!-- 使用字符串资源 --> android:layout_marginHorizontal="16dp" android:background="?attr/selectableItemBackgroundBorderless"/> <!-- 示例:当前歌曲标题 --> <TextView android:id="@+id/currentSongTitle" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/current_song" <!-- 使用字符串资源 --> android:textSize="18sp" android:textStyle="bold" android:gravity="center" android:layout_marginTop="16dp"/> 在哪添加<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <!-- 左侧功能区 --> <LinearLayout android:id="@+id/leftPanel" android:layout_width="0dp" android:layout_height="match_parent" android:orientation="vertical" android:background="@color/purple_200" android:padding="16dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintWidth_percent="0.3"> <ImageView android:id="@+id/albumArt" android:layout_width="150dp" android:layout_height="150dp" android:layout_gravity="center_horizontal" android:src="@drawable/music_note" android:contentDescription="@string/album_art" /> <TextView android:id="@+id/currentSongTitle" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/current_song" android:textSize="18sp" android:textStyle="bold" android:gravity="center" android:layout_marginTop="16dp"/> <TextView android:id="@+id/currentArtist" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/artist" android:textSize="16sp" android:gravity="center"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center" android:layout_marginTop="32dp"> <ImageButton android:id="@+id/btnPrev" android:layout_width="60dp" android:layout_height="60dp" android:src="@drawable/ic_prev" android:background="?attr/selectableItemBackgroundBorderless" android:contentDescription="@string/previous"/> <ImageButton android:id="@+id/btnPlayPause" android:layout_width="80dp" android:layout_height="80dp" android:src="@drawable/ic_play" android:layout_marginHorizontal="16dp" android:background="?attr/selectableItemBackgroundBorderless" android:contentDescription="@string/play_pause"/> <ImageButton android:id="@+id/btnNext" android:layout_width="60dp" android:layout_height="60dp" android:src="@drawable/ic_next" android:background="?attr/selectableItemBackgroundBorderless" android:contentDescription="@string/next"/> </LinearLayout> <SeekBar android:id="@+id/songProgress" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="32dp"/> <TextView android:id="@+id/currentTime" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0:00" android:layout_gravity="start"/> <TextView android:id="@+id/totalTime" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="0:00" android:layout_gravity="end"/> </LinearLayout> <!-- 右侧歌曲列表 --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/songList" android:layout_width="0dp" android:layout_height="match_parent" app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" app:layout_constraintStart_toEndOf="@id/leftPanel" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintWidth_percent="0.7"/> </androidx.constraintlayout.widget.ConstraintLayout>
最新发布
11-12
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值