Android端Acr.UserDialogs Toast同时设图标和操作按钮时文本向下偏移如何解决
修复方案
方案1:升级Acr.UserDialogs到最新稳定版
该文本偏移问题是7.1以下旧版本的已知BUG,先尝试将解决方案内所有项目的Acr.UserDialogs Nuget包更新到最新稳定版,大部分场景下可直接修复问题。若升级后问题仍然存在,可使用下方自定义配置方案。
方案2:自定义Android端Toast布局调整对齐
- 在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对齐属性,强制所有元素垂直居中。
- 在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
相关产品推荐
相关产品推荐

