[Day28] Snackbar提示功能

Snackbar是一个类似Toast的提示功能,但却比Toast更多功能,外观上也较为美观,现在就来示范一下如何使用Snackbar。

XML

先简单设计出一个页面,写出一个Button作为触发Snackbar的元件就好。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮"/>
</RelativeLayout>

JAVA程序

设计好XML之後,就能开始制作选取并播放影片的功能了。
先做好按钮的监听器,接着在触发功能的部分写下Snackbar的事件。用法与Toast类似,但最後却多了个参数用来触发Snackbar按钮的事件。
以下是完整程序码。

public class MainActivity extends AppCompatActivity {
    Button button;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Snackbar测试"
                        , Snackbar.LENGTH_LONG).setAction("按钮"
                        , new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                Toast.makeText(MainActivity.this
                                    ,"触发内部按钮"
                                    , Toast.LENGTH_LONG)
                                    .show();
                            }
                }).show();
            }
        });
    }
}

成果

图片


<<:  [Day29] 後端13:後端Code总结

>>:  Day27 sh介绍

Day25 - 如何在 Next.js 中正确地使用 lodash,使用 babel-plugin-import

前言 在前端通常会导入一些方便的 utility 函式库,以 lodash 来说,它是一个够帮我们处...

【Day5】从频域到 wave 的转换,浅谈虚数可以拿来 Train Model 吗?

在频域里面遭遇虚数 经过前面 4 篇的介绍我们已经知道如何萃取出声音的特徵了,我们用来训练的资料,都...

[Day20] 参数(下)

其余参数(rest parameter) 上一篇提到,箭头函式无法使用 arguments 物件,所...

[Day 10] 阿嬷都看得懂的基础 CSS 样式-区块篇

阿嬷都看得懂的基础 CSS 样式-区块篇 图片标签 <img> 和区块标签 <di...

[Day 1] 微解封 微服务 那你有听过微框架吗? 又为何我选择 Ktor?

自从微解封之後,现在「微XX」已经成为流行语,原来 Web 後端流行的「微服务」架构已经超前部署好几...