android 一排按钮,Android下Button实现图文混排效果

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

一、简介

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

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

当然有上下左右等等

2、SpannableString的ImageSpan实现图文混排

二、代码实例

效果图:

b3a29f882034c678a211c3253daef518.png

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

下面的用的第二种方式

代码:

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="一"

android:drawableTop="@drawable/star"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="二"

android:drawableTop="@drawable/star"

android:drawablePadding="30dp"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="三"

android:drawableRight="@drawable/star"

/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="四"

android:drawableLeft="@drawable/star"

/>

android:id="@+id/btn_big"

android:layout_width="180dp"

android:layout_height="200dp"

/>

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值