时间:2021-05-20
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>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言本文是我之前写的这篇文章《Android图文混排-实现EditText图文混合插入上传》的升级版,除了在EditText实现了图片上传之外,还包含了视频上传
EditText和TextView一样,也可以进行图文混排。所不同的是,TextView只用于显示图文混排效果,而EditText不仅可显示,也可混合输入文字和
在Word图文混排操作中,为了实现图片和文字更好的融合效果,我们需要将图片背景变成透明色,以达到更理想的融合效果。接下来就与大家分享一下Word中图片背景变透明
制作网页中,图文混排的设计是不可避免的,适量的文字搭配图片,不仅能易于用户的理解,也能有效缓解用户阅读疲劳。但是,在图文混排时,稍不注意细节,就会造成用户阅
什么是图文混排?顾名思义,所谓图文混排,就是将文字与图片混合排列,文字可在图片的四周、嵌入图片下面、浮于图片上方等。实例演示①我们启动Word2013,首先复制