`
01jiangwei01
  • 浏览: 541738 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

安卓课程十七 Button图文混排的按钮

 
阅读更多

使用xml配置如下:activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" 
    android:orientation="vertical">
<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
     android:orientation="horizontal">
  
    <Button 
        android:text="@string/btnImgLeft"
        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
        android:drawableTop="@drawable/star"
        android:drawablePadding="1dp"
        />
    <Button 
        android:text="@string/btnImgRight"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableRight="@drawable/star"
        android:drawablePadding="1dp"
        />
 
    <Button 
        android:text="@string/btnImgTop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableBottom="@drawable/star"
        android:drawablePadding="1dp"
        />
    <Button 
        android:text="@string/btnImgBottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/star"
        android:drawableBottom="@drawable/star"
        android:drawablePadding="1dp"
        />
 </LinearLayout>
 
    <Button 
        android:id="@+id/btnBig"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
 
</LinearLayout>

 java代码实现方式:

package com.example.btncomplext;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.style.DynamicDrawableSpan;
import android.text.style.ImageSpan;
import android.view.Menu;
import android.widget.Button;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		Button btn = (Button) this.findViewById(R.id.btnBig) ;
		
		String initLeft = "left";
		SpannableString spannableLeftString = new SpannableString(initLeft) ;
		Bitmap bitmapleft = BitmapFactory.decodeResource(getResources(), R.drawable.star);
		ImageSpan imageSpanLeft =new ImageSpan(MainActivity.this,bitmapleft,DynamicDrawableSpan.ALIGN_BOTTOM);
		spannableLeftString.setSpan(imageSpanLeft, 0, initLeft.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		
		String initRigth = "right";
		SpannableString spannableRigthString = new SpannableString(initRigth) ;
		Bitmap bitmapright= BitmapFactory.decodeResource(getResources(), R.drawable.star);
		ImageSpan imageSpanRight =new ImageSpan(MainActivity.this,bitmapright);
		spannableRigthString.setSpan(imageSpanRight, 0, initRigth.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		
		btn.append(spannableLeftString);
		btn.append("我的按钮");
		btn.append(spannableRigthString);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

 

  • 大小: 882 Bytes
分享到:
评论

相关推荐

    《Android开发视频教程》第九集:Button图文混排的按钮.zip

    《Android开发视频教程》第九集:Button图文混排的按钮.zip

    android开发 自定义图文混排控件

    在Android开发中,自定义图文混排控件是一项常见的需求,尤其在制作用户界面或者文章展示时。这个项目就是基于单点触控实现的一个自定义控件,它允许开发者将文字和图片自由地组合在一起,形成美观且功能丰富的布局...

    Android 图文混排 ,文字围绕图片

    在Android应用开发中,图文混排是常见的设计需求,尤其在平板等大屏幕设备上,为了提高用户体验,设计师和开发者通常会采用图文结合的方式来展示内容。这个项目专注于非HTML方式在Android平台上实现图文混排,提供了...

    Android 原生实现图文混排编辑器

    在Android开发中,创建一个能够实现图文混排编辑器是一项挑战性的任务,因为这涉及到复杂的布局管理和图片处理。本文将详细解析如何使用Android原生控件来构建这样一个功能丰富的编辑器,支持网络图片和本地图片的...

    android图文混排示例

    在Android开发中,图文混排是一项常见的需求,特别是在制作新闻应用、社交应用或者任何需要展示丰富内容的应用中。本文将详细讲解如何在Android中实现图文混排,包括使用String文字和图片的混合显示。 首先,我们...

    安卓自定义图文混排

    总结来说,"安卓自定义图文混排"是Android应用开发中的一个重要技能,它涉及到视图的自定义、图形的绘制、布局的管理等多个方面。通过学习和实践,开发者可以创建出符合设计需求的、富有表现力的图文展示效果。而...

    android 仿微信聊天图文混排效果

    此例子可以有效地解决类似于QQ/微信中的图文混排效果,支持任意位置编辑 当内容太多时,ScrollView自动滚动到最下边 如果您需要引用该例子,请保留我的信息,欢迎大家一起探讨 另外在此例子中还有一个小问题,在...

    android textview图文混排支持GIF图

    本文将深入探讨如何在Android的TextView中实现图文混排,并支持GIF图的展示,主要借助于原生方法以及第三方库Glide。 首先,让我们了解什么是图文混排。图文混排是指在一段文本中插入图片,使得文字和图片能够和谐...

    Android 通过 WebView 与js 简单交互实现图文混排与查看大图功能

    总结,Android中的WebView结合JavaScript交互能实现丰富的用户体验,包括图文混排和查看大图等功能。开发者需要熟练掌握WebView的使用,注意安全性和性能优化,以构建高质量的Android应用。通过上述知识点,你可以在...

    word操作练习题图文混排

    在Word文档中,图文混排是一项重要的技能,它涉及到如何有效地将文字与图像结合,以创建清晰、有吸引力的布局。在"word操作练习题图文混排01"的资源包中,你将找到一系列练习素材,包括文本、图片以及截图,这些都是...

    Android图文混排发帖

    在Android应用开发中,"Android图文混排发帖"是一个常见的需求,特别是在社交网络和论坛类应用中。本文将深入探讨如何实现这一功能,主要涉及`ImageSpan`、`Spannable`以及`editText`等关键组件和技术。 首先,我们...

    AS3图文混排,图文混排

    AS3编写的图文混排,AS3编写的图文混排,AS3编写的图文混排

    实现带网络图片的html图文混排.docx

    因此,我们需要使用特殊的方法来实现图文混排。 二、ImageGetter的作用 ImageGetter是一个接口,它提供了获取Drawable对象的方法。在本文中,我们将使用ImageGetter来加载网络图片。通过重写getDrawable方法,我们...

    UIButton 的图文混排

    "UIButton的图文混排"就是这样一个功能,它允许我们在按钮上灵活地布置文字和图片,使得UI设计更加丰富多变。 苹果提供了多种方法来实现UIButton的图文混排,包括编程方式和使用Interface Builder(XIB)进行可视化...

    聊天界面图文混排

    7. **适配多平台**:不同的操作系统和设备可能有不同的显示效果,因此图文混排功能需要跨平台适配,确保在iOS、Android、Web等平台上都能正常工作。 8. **安全与隐私**:在处理图片和表情数据时,应考虑用户隐私和...

    UGUI 图文混排demo

    "图文混排"是UGUI系统中的一个重要概念,允许开发者在界面上组合文字和图像,创建出丰富的视觉效果和交互式用户界面。 这个"UGUI 图文混排demo"项目基于Unity 5.4.1版本,这意味着它使用的是较早的UGUI系统,但仍然...

    简单的图文混排

    在IT领域,图文混排是一种常见的内容展示方式,它结合了图像和文本,使得信息更加生动、易懂。"简单的图文混排"这个主题聚焦于如何有效地整合图像和文字,以便于创建出易于阅读和理解的文档或设计。在本篇文章中,...

    Android Spinner图文混排源码.zip

    本资源“Android Spinner图文混排源码.zip”提供了一个实现Spinner中同时包含文字和图片的示例,这对于创建丰富的用户界面非常有用。下面我们将深入探讨如何在Android Spinner中实现图文混排以及相关知识点。 1. **...

    Android-TextViewDemo图文混排

    本示例项目"Android-TextViewDemo图文混排"着重展示了如何利用`TextView`进行丰富的文本格式化和交互设计。下面将详细讲解这些知识点。 1. **关键字高亮**: 在应用中,有时需要突出显示特定的关键词,例如搜索...

    IOS实现图文混排

    IOS 实现图文混排机制 IOS 实现图文混排机制是 IOS 开发中常用的技术,用于在移动应用程序中实现图文混排的功能。该机制可以将文字和图片结合在一起,形成一个整体,从而提高用户体验。 在 IOS 中,实现图文混排...

Global site tag (gtag.js) - Google Analytics