Android柳叶刀之Button之图文并茂

本文将指导您如何在Android平台上使用‘柳叶刀’Button实现图文混搭的风格,通过具体案例演示了如何利用SpannableString、ImageSpan等技术要点来定制按钮样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

传送门 ☞ 轮子的专栏 ☞ 转载请注明 ☞ http://blog.youkuaiyun.com/leverage_1229


柳叶刀

        使刀的正是那蓝衫女郎阿珂,她见澄观缩手,柳叶刀疾翻,向他腰间横扫。便在这时,绿衫女郎也已从松林中窜出,挥刀向韦小宝砍去。

        今天我们学习如何利用Android平台“柳叶刀”Button实现图文混搭的风格,下面给出该情景的案例:

1案例技术要点

(1)android.text.SpannableString:提供一个总体文本是不可变的,但是支持局部对象(它所标记的)可以附加或分离。
(2)android.text.style.ImageSpan:为SpannableString附加Bitmap对象。
(3)SpannableString类setSpan(...):设置Bitmap、显示文本内容和显示样式。
(4)Spanned.SPAN_EXCLUSIVE_EXCLUSIVE:表示在当前文本前端和后端新增字符均不采用当前显示效果。
(5)Spanned.SPAN_INCLUSIVE_INCLUSIVE:表示在当前文本前端和后端新增字符均采用当前显示效果。

2案例代码陈列

2.1AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.android.button"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".ButtonMainActivity"
            android:label="@string/app_name" >
            <intent-filter> 
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

2.2strings.xml

<resources>
    <string name="app_name">Button实现图文混搭风格</string>
    <string name="button1">按钮一</string>
    <string name="button2">按钮二</string>
    <string name="button3">按钮三</string>
    <string name="button4">按钮四</string>
</resources>

2.3main.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
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/star"
            android:text="@string/button1"/>
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/star"
            android:drawablePadding="20dp"
            android:text="@string/button2"/>
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/star"
            android:drawableLeft="@drawable/star"
            android:text="@string/button3"/>
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableRight="@drawable/star"
            android:drawablePadding="20dp"
            android:text="@string/button4"/>
        </LinearLayout>
        
        <Button
            android:id="@+id/button" 
            android:layout_marginTop="10dp"
            android:layout_width="200dp"
            android:layout_height="200dp"/>

</LinearLayout>

2.4ButtonMainActivity.java

package com.android.button;

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

/**
 * Button案例二:图文混搭的按钮
 * @author lynnli1229
 */
public class ButtonMainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        Button button = (Button) findViewById(R.id.button);
        
        SpannableString ssLeft = new SpannableString("left");
        Bitmap bitmapLeft = BitmapFactory.decodeResource(getResources(), R.drawable.image_left);
        ImageSpan isLeft = new ImageSpan(bitmapLeft, DynamicDrawableSpan.ALIGN_BOTTOM);
        //setSpan方法第四个参数是flag:标示在Span范围内的文本前后输入新字符时是否应用该效果
        //Spanned.SPAN_EXCLUSIVE_EXCLUSIVE表示在文本前后输入新字符时均不应用该效果
        ssLeft.setSpan(isLeft, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        
        SpannableString ssRight = new SpannableString("right");
        Bitmap bitmapRight = BitmapFactory.decodeResource(getResources(), R.drawable.image_right);
        ImageSpan isRight = new ImageSpan(bitmapRight, DynamicDrawableSpan.ALIGN_BOTTOM);
        ssRight.setSpan(isRight, 0, 5, Spanned.SPAN_INCLUSIVE_INCLUSIVE);
        
        button.append(ssLeft);
        button.append("我的按钮");
        button.append(ssRight);
    }

}

        友情提示:提供三张图片存放于drawable-hdpi文件夹下。

3案例效果展示

转载于:https://www.cnblogs.com/innosight/archive/2013/05/28/3271242.html

森林图(Forest Plot)是医学统计中常用的可视化工具,用于展示多个研究的效应值及其置信区间,常用于Meta分析中。制作森林图的步骤如下: 1. 收集数据并计算效应值 需要整理多个研究的样本量、事件数或均值、标准差等,计算每个研究的效应值(如OR、RR、SMD等)及其95%置信区间。 2. 使用统计软件或编程语言绘制森林图 常用工具包括R语言、Stata、RevMan等。以R语言为例,可使用`meta`或`forestplot`包进行绘制。以下为使用`meta`包的基本代码示例: ```r library(meta) data <- read.csv("your_data.csv") # 读取数据 m <- metabin(event.e, n.e, event.c, n.c, data = data, sm = "OR") forest(m) ``` 其中`event.e`、`n.e`分别为实验组的事件数和样本量,`event.c`、`n.c`为对照组的数据。 3. 自定义森林图样式 可通过参数调整字体大小、颜色、置信区间线样式等,以增强可读性。例如使用`forestplot`包可以更灵活地控制图形元素: ```r library(forestplot) tabletext <- cbind(c("Study", data$study), c("OR", round(data$or, 2)), c("95% CI", paste0(round(data$lower, 2), "-", round(data$upper, 2)))) forestplot(labeltext = tabletext, mean = data$or, lower = data$lower, upper = data$upper) ``` 4. 添加汇总效应值 在森林图底部添加总体效应值及其置信区间,通常使用固定效应模型或随机效应模型进行合并计算,并在图中标注。 5. 导出图形 使用`png()`、`pdf()`等函数将图形保存为图像文件,便于在论文或报告中使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值