You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android端Acr.UserDialogs Toast同时设图标和操作按钮时文本向下偏移如何解决

修复方案

方案1:升级Acr.UserDialogs到最新稳定版

该文本偏移问题是7.1以下旧版本的已知BUG,先尝试将解决方案内所有项目的Acr.UserDialogs Nuget包更新到最新稳定版,大部分场景下可直接修复问题。若升级后问题仍然存在,可使用下方自定义配置方案。

方案2:自定义Android端Toast布局调整对齐

  1. 在Xamarin.Android项目的Resources/layout目录下新建布局文件custom_toast.xml,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toast_layout_root"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:padding="16dp"
    android:background="@drawable/toast_background">

    <ImageView
        android:id="@+id/ivToastIcon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_marginEnd="12dp"
        android:scaleType="centerInside"/>

    <TextView
        android:id="@+id/tvToastMessage"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textColor="@android:color/white"
        android:textSize="14sp"
        android:layout_gravity="center_vertical"
        android:maxLines="2"/>

    <Button
        android:id="@+id/btnToastAction"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@null"
        android:textColor="#FF4081"
        android:layout_marginStart="12dp"
        android:layout_gravity="center_vertical"/>
</LinearLayout>

核心是给图标、文本、操作按钮统一添加center_vertical对齐属性,强制所有元素垂直居中。

  1. 在Xamarin.Android项目MainActivity的OnCreate方法中,初始化Acr.UserDialogs时指定自定义布局:
protected override void OnCreate(Bundle savedInstanceState)
{
    base.OnCreate(savedInstanceState);
    // 初始化UserDialogs时传入自定义配置
    UserDialogs.Init(this, new Acr.UserDialogs.PlatformConfig
    {
        ToastLayoutId = Resource.Layout.custom_toast,
        ToastMessageTextViewId = Resource.Id.tvToastMessage,
        ToastIconImageViewId = Resource.Id.ivToastIcon,
        ToastActionButtonId = Resource.Id.btnToastAction
    });
    // 其余原有初始化逻辑
    LoadApplication(new App());
}

方案3:临时快速修复(无需修改布局)

如果不想自定义布局,可在构造Toast参数时手动调整内边距抵消偏移量,数值可根据实际显示效果微调:

UserDialogs.Instance.Toast(new ToastConfig("提示消息")
{
    Icon = "你的图标资源名",
    Action = new ToastAction("按钮文本", () => { /* 按钮点击逻辑 */ }),
    // Thickness四个参数对应左、上、右、下内边距,调整上下值抵消偏移
    Padding = new Thickness(16, 12, 16, 12)
});

内容的提问来源于stack exchange,提问作者AlexTsy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 22:54:04