Android 妙用TextView实现左边文字,右边图片

 更新时间:2023年07月20日 08:44:14   作者:Stars-one  
这篇文章主要介绍了Android 妙用TextView实现左边文字,右边图片的相关资料,需要的朋友可以参考下

有时候,需要文字在左边,右边有个箭头,我个人之前会有两种做法:

  • 使用线性布局来实现
  • 或者使用约束布局,一个左对齐,一个右对齐

这几天突然想到是否可以使用TextView的设置图标的方式实现,研究发现确实可以实现我的需求,也是记录下

文字和图标左右显示

效果:

代码:

<TextView
	android:id="@+id/tvRate"
	style="@style/textStyle18"
	android:padding="20dp"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableTint="@color/white"
	android:drawableEnd="@mipmap/universal_right"
	android:text="Rate our app"/>

drawableTint 设置图标着色 drawableEnd 设置右边图标

如果想要文字和图标之间有间距,可以通过设置drawablePadding属性来实现

drawablePadding用来设置图标的内边距

当然,因为整个都是一个TextView,所以文字宽度就比较好固定,默认到达图标左边会自动换行

也可以设置限制一行,都可以

文字和图标上下显示

除了上面的左右显示,也可以上下显示,这里就给个上下显示的实现效果

效果:

代码:

<TextView	
	android:gravity="center_horizontal"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableTop="@mipmap/function_jiasu"
	android:text="Boost"
/>

这里因为默认文字不是水平居中的,所以通过gravity设置为水平居中,不然就是文本和图标靠左了..

勾选效果

之前也是说过可以通过view的select状态和selector来实现勾选变换图标的效果

如果是简单的勾选效果,用textview也可以搞定,如下效果所示

代码:

&lt;TextView
	android:id="@+id/tvcheck"
	style="@style/textStyle18"
	android:padding="20dp"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:drawableEnd="@drawable/selector_node_select"
	android:text="Rate our app"/&gt;

通过代码修改此TextView的isSelect属性即可更改图标效果

总结:

上面说的这种方法其实存在一定局限性,比较适合简单的布局,不过可以避免布局层次过多,可以优化布局加载的时间

到此这篇关于Android 妙用TextView实现左边文字,右边图片的文章就介绍到这了,更多相关Android 妙用TextView内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 学习Android开发之RecyclerView使用初探

    学习Android开发之RecyclerView使用初探

    Android开发学习之路的第一课RecyclerView使用初探,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android自定义View实现自动吸附功能

    Android自定义View实现自动吸附功能

    这篇文章主要为大家详细介绍了Android自定义View实现自动吸附功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • Android中WebView加载网页设置进度条

    Android中WebView加载网页设置进度条

    这篇文章主要为大家详细介绍了Android中WebView加载网页设置进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Flutter下Android Studio配置gradle的方法

    Flutter下Android Studio配置gradle的方法

    这篇文章主要介绍了Flutter下Android Studio配置gradle的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • Android实现几种推送方式解决方案

    Android实现几种推送方式解决方案

    推送功能在手机开发中应用的场景是越来起来了,本篇文章主要介绍了Android实现几种推送方式解决方案 ,具有一定的参考价值,有兴趣的可以了解一下。
    2016-12-12
  • Android 中Failed to read key from keystore解决办法

    Android 中Failed to read key from keystore解决办法

    这篇文章主要介绍了Android 中Failed to read key from keystore解决办法的相关资料,希望通过本能帮助到大家,需要的朋友可以参考下
    2017-09-09
  • Android通过XListView实现上拉加载下拉刷新功能

    Android通过XListView实现上拉加载下拉刷新功能

    这篇文章主要为大家详细介绍了Android通过XListView实现上拉加载下拉刷新功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Flutter质感设计之底部导航

    Flutter质感设计之底部导航

    这篇文章主要为大家详细介绍了Flutter质感设计之底部导航的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android中Socket的应用分析

    Android中Socket的应用分析

    这篇文章主要介绍了Android中Socket的应用,结合实例形式分析了Android中socket通信的实现技巧与相关注意事项,需要的朋友可以参考下
    2016-10-10
  • Android Sqlite命令详解(基本命令)

    Android Sqlite命令详解(基本命令)

    这篇文章主要介绍了Android Sqlite命令详解(基本命令)的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论