Android下Button实现图文混排效果

 更新时间:2017年08月07日 14:54:48   作者:饭饭_fan  
这篇文章主要为大家详细介绍了Android下Button实现图文混排效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Button实现图文混排效果,具体内容如下

一、简介

本文介绍两种图文混排方式

1、android:drawableTop="@drawable/star"实现文字上有图片

当然有上下左右等等

2、SpannableString的ImageSpan实现图文混排

二、代码实例

效果图:

一二三四是用的第一种方式

下面的用的第二种方式 

代码:

fry.Activity02

package fry;

import com.example.buttonDemo1.R;

import android.app.Activity;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ImageSpan;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnFocusChangeListener;
import android.view.View.OnTouchListener;
import android.widget.Button;

public class Activity02 extends Activity {
  private Button btn_big;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity02);
    btn_big=(Button) findViewById(R.id.btn_big);
    
    //SpannableString的ImageSpan添加左边图片
    SpannableString spannableString1=new SpannableString("left");
    ImageSpan imageSpan=new ImageSpan(this, BitmapFactory.decodeResource(getResources(), R.drawable.image_left));
    spannableString1.setSpan(imageSpan, 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    
    //SpannableString的ImageSpan添加右边图片
    SpannableString spannableString2=new SpannableString("right");
    ImageSpan imageSpan2=new ImageSpan(this, BitmapFactory.decodeResource(getResources(), R.drawable.image_right));
    spannableString2.setSpan(imageSpan2, 0, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
    
    btn_big.append(spannableString1);
    btn_big.append("我的按钮");
    btn_big.append(spannableString2);
  }
}

/buttonDemo1/res/layout/activity02.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
  
  <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    >
    
    <!--android:drawableTop="@drawable/star"实现文字上有图片 -->
    <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="一" 
      android:drawableTop="@drawable/star"
      />
    
    <!--android:drawablePadding="30dp实现文字和文字上的图片中间有30dp的空隙 -->
    <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="二" 
      android:drawableTop="@drawable/star"
      android:drawablePadding="30dp"
      />
    
    <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="三" 
      android:drawableRight="@drawable/star"
      />
    
    <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="四" 
      android:drawableLeft="@drawable/star"
      />
  </LinearLayout>
  
  <Button 
    android:id="@+id/btn_big"
    android:layout_width="180dp"
    android:layout_height="200dp"
    
    />
  
</LinearLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android 录制音视频的完整代码

    Android 录制音视频的完整代码

    Android中,如果要录制音频的话有两个选择,一个是MediaRecorder,另一个就是AudioRecord,前者使用简单,后者就相对复杂点,本文通过代码给大家介绍Android 录制音视频的相关知识,一起看看吧
    2021-06-06
  • 你用不惯 RxJava,只因缺了这把钥匙(推荐)

    你用不惯 RxJava,只因缺了这把钥匙(推荐)

    这篇文章主要介绍了RxJava操作符,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Flutter有状态组件使用详解

    Flutter有状态组件使用详解

    这篇文章主要为大家详细介绍了Flutter有状态组件的使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Android之带group指示器的ExpandableListView(自写)

    Android之带group指示器的ExpandableListView(自写)

    Android缺省的ExpandableListView的group header无法固定在界面上,在网上搜索了好多都不尽人意,于是乎在别人的基础上改进了一点点,原理都差不多
    2013-06-06
  • Android中Volley框架下保持会话方法

    Android中Volley框架下保持会话方法

    这个是基于session的一个网络会话,手机app给服务器发送登陆请求的时候,服务器返回的网络response(networkRespone)的头(head)里面存放着你想要的sessionid。这篇文章主要介绍了Android中Volley框架下保持会话方法的相关资料,需要的朋友可以参考下
    2016-11-11
  • Flutter Widget开发Shortcuts快捷键实例

    Flutter Widget开发Shortcuts快捷键实例

    这篇文章主要为大家介绍了Flutter Widget开发Shortcuts快捷键实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android Eclipse 注释模板的使用(图文说明)

    Android Eclipse 注释模板的使用(图文说明)

    为提高代码的可读性以及后期的可维护性,为我们的代码加上规范化的注释是很有必要,不仅有利于提高自己的专业素养,也能方便他人
    2013-12-12
  • Android中Bitmap常见的一些操作:缩放、裁剪、旋转和偏移

    Android中Bitmap常见的一些操作:缩放、裁剪、旋转和偏移

    Bitmap是Android中处理图片的一个重要的类,下面这篇文章主要给大家介绍了关于Android中Bitmap常见的一些操作:缩放、裁剪、旋转和偏移的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-07-07
  • android自定义view实现数字进度条

    android自定义view实现数字进度条

    这篇文章主要为大家详细介绍了android自定义view实现数字进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android GPS定位详解及实例代码

    Android GPS定位详解及实例代码

    这篇文章主要介绍了Android GPS定位详解及实例代码的相关资料,需要的朋友可以参考下
    2016-09-09

最新评论