Toast

可以看到,这里我快速连续点击了五次按钮,Toast就触发了五次。这样的体验其实是不好的,因为也许用户是手抖了一下多点了几次,导致Toast就长时间关闭不掉了。又或者我们其实已在进行其他操作了,应该弹出新的Toast提示,而上一个Toast却还没显示结束。
改进方式

public class Util {

    private static Toast toast;

    public static void showToast(Context context, 
        String content) {
        if (toast == null) {
            toast = Toast.makeText(context,
                         content, 
                         Toast.LENGTH_SHORT);
        } else {
            toast.setText(content);
        }
        toast.show();
    }

}
<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"
    android:orientation="vertical">


    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="提交"/>
    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="自定义toast"/>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/textview_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是标题"/>
    <ImageView
        android:id="@+id/imageview_toast"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/textview_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是内容"/>


</LinearLayout>
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    private Button mButton1;
    private Button mButton2;

    @Override
    protected void onCreate(Bundle savedInstanceState)  {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mButton1= (Button) findViewById(R.id.button1);
        mButton2= (Button) findViewById(R.id.button2);
        mButton1.setOnClickListener(this);
        mButton2.setOnClickListener(this);

    }
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button1:
               Toast toast= Toast.makeText(getApplicationContext(), "我是Toast", Toast.LENGTH_LONG);
                Spanned spanned= Html.fromHtml("我<img src=''/>是<img src=''/>一个<font color='#ff0000'>toas</font>", new Html.ImageGetter() {
                    @Override
                    public Drawable getDrawable(String source) {
                        Drawable drawable =getResources().getDrawable(R.mipmap.ic_launcher);
                        drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());
                        return drawable;
                    }
                },null);
               toast.setText(spanned);
                toast.setDuration(Toast.LENGTH_LONG);
                toast.setGravity(Gravity.CENTER|Gravity.BOTTOM,0,0);
                toast.show();
            break;
            case R.id.button2:
                Toast toast1=Toast.makeText(getApplicationContext(),"我是Toast", Toast.LENGTH_LONG);
                LayoutInflater inflater=getLayoutInflater();
                View view=inflater.inflate(R.layout.activity_toast,null);
                toast1.setView(view);
                toast1.setDuration(Toast.LENGTH_LONG);
                toast1.show();
            break;
            default:
                break;
        }

    }
### Toast 实现:前端与 Android 的对比 在前端和 Android 中,`toast` 都是一种用于向用户显示短暂消息的功能。以下是两者的技术实现细节。 #### 1. **Android 中的 Toast 实现** 在 Android 中,`Toast` 是一种轻量级的消息提示工具,通常用于在屏幕上显示短暂的文本信息。其基本用法如下: ```java // 显示一个简单的 Toast 消息 Toast.makeText(context, "这是一个 Toast 提示", Toast.LENGTH_SHORT).show(); ``` 如果需要自定义 `Toast` 的布局或样式,可以通过以下方式实现[^1]: ```java // 创建一个自定义的 Toast LayoutInflater inflater = getLayoutInflater(); View layout = inflater.inflate(R.layout.custom_toast, findViewById(R.id.custom_toast_container)); TextView text = layout.findViewById(R.id.text); text.setText("这是一个自定义 Toast"); Toast toast = new Toast(getApplicationContext()); toast.setDuration(Toast.LENGTH_LONG); toast.setView(layout); toast.show(); ``` #### 2. **前端中的 Toast 实现** 在前端中,类似功能可以通过 JavaScript 库(如 `sweetalert2` 或 `iziToast`)实现。例如,使用 `iziToast` 可以轻松创建一个提示框: ```javascript // 使用 iziToast 显示一个简单的消息提示 iziToast.show({ title: '提示', message: '这是一个前端的 Toast 提示', position: 'topRight', // 设置位置 timeout: 3000 // 显示时长(毫秒) }); ``` 如果需要更复杂的交互或样式,可以结合 CSS 自定义外观。以下是一个简单的自定义实现: ```html <div id="toast" style="display: none; position: fixed; top: 20px; right: 20px; background: #333; color: white; padding: 10px; border-radius: 5px;"> 这是一个自定义前端 Toast </div> <script> function showToast() { const toast = document.getElementById('toast'); toast.style.display = 'block'; setTimeout(() => { toast.style.display = 'none'; }, 3000); // 3秒后隐藏 } showToast(); </script> ``` #### 3. **两者的对比** - **显示时间**:Android 的 `Toast` 默认有 `LENGTH_SHORT` 和 `LENGTH_LONG` 两种时长,而前端可以通过 `setTimeout` 灵活设置。 - **自定义性**:前端的 `Toast` 更容易通过 CSS 和 JavaScript 实现复杂的动画和交互效果。 - **平台限制**:Android 的 `Toast` 仅适用于 Android 应用,而前端的实现可以在任何支持 HTML 和 JavaScript 的环境中运行。 ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值