Android下Button实现图文混排效果_网络技术_宿州市腾雀网络科技有限公司

Android下Button实现图文混排效果

发布时间 - 2026-01-11 02:40:53 点击率：次

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 # Button # 图文混排 # Android中使用TextView实现图文混排的方法 # 详解Android SpannableString多行图文混排的应用实战 # 上有 # 两种 # 上下左右 # 第二种 # 第一种 # 具体内容 # 大家多多 # View # MotionEvent # OnClickListener # Spannable # Activity # os # Bundle # BitmapFactory

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：河北网站优化如何有效提升搜索排名？

下一篇：Google浏览器在线版官网地址 Google浏览器网页版永

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：河北网站优化如何有效提升搜索排名？

下一篇：Google浏览器在线版官网地址 Google浏览器网页版永