组合控件——顶部导航栏——溢出菜单OverflowMenu

缺乏、安全感 2023-09-28 23:02 20阅读 0赞

![05ee32d8bd1fe8e4c79934deb371e74d.png][]

点击导航栏右边的三点图标，会弹出溢出菜单OverflowMenu，意指导航栏不够放了、溢出来了。

溢出菜单的菜单项也在res\\menu下面的XML文件中定义，不同之处是多了个showAsAction属性。该属性用来控制菜单项在导航栏上的展示位置，具体的取值说明见下表。

![f8dfeaf5026775209299469bb998dfe1.png][]

![e5955cbc5e134076eb38cc3fa3c92500.png][]

布局：

![d71956fefb2931ac44a4504d753be7f3.png][]

![934920b5af8b9159627230956fcffb61.png][]

日期代码：

package com.example.myapplication.widget;
    
    import android.annotation.SuppressLint;
    import android.text.TextUtils;
    import java.text.SimpleDateFormat;
    import java.util.Date;
    
    @SuppressLint("SimpleDateFormat")
    public class DateUtil {
        // 获取指定格式的日期时间
        public static String getNowDateTime(String formatStr) {
            String format = formatStr;
            if (TextUtils.isEmpty(format)) {
                format = "yyyyMMddHHmmss";
            }
            SimpleDateFormat sdf = new SimpleDateFormat(format);
            return sdf.format(new Date());
        }
    
        // 获取当前的日期时间
        public static String getNowDateTime() {
            SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
            return sdf.format(new Date());
        }
    
        // 获取当前的时间
        public static String getNowTime() {
            SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
            return sdf.format(new Date());
        }
    
    }

代码：

package com.example.myapplication;
    
    import android.annotation.SuppressLint;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.view.View;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import androidx.appcompat.app.AppCompatActivity;
    import androidx.appcompat.widget.Toolbar;
    
    import com.example.myapplication.widget.DateUtil;
    
    @SuppressLint("SetTextI18n")
    public class MainActivity extends AppCompatActivity
    {
        private TextView tv_desc;
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            Toolbar tl_head = findViewById(R.id.tl_head); // 从布局文件中获取名叫tl_head的工具栏
            tl_head.setTitle("溢出菜单页面"); // 设置工具栏的标题文字
            tv_desc = findViewById(R.id.tv_desc);
        }
    
        @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            // 从menu_overflow.xml中构建菜单界面布局
            getMenuInflater().inflate(R.menu.menu_overflow, menu);
            return true;
        }
    
        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            int id = item.getItemId(); // 获取菜单项的编号
            if (id == android.R.id.home) { // 点击了工具栏左边的返回箭头
                finish(); // 结束当前页面
            } else if (id == R.id.menu_refresh) { // 点击了刷新图标
                tv_desc.setText("当前刷新时间: " + DateUtil.getNowTime());
            } else if (id == R.id.menu_about) { // 点击了关于菜单项
                Toast.makeText(this, "这个是工具栏的演示demo", Toast.LENGTH_LONG).show();
            } else if (id == R.id.menu_quit) { // 点击了退出菜单项
                finish(); // 结束当前页面
            }
            return super.onOptionsItemSelected(item);
        }
    
    }

![5da9f03aab378ab98786d39021f637be.png][]

![b45124b240a1d1f69cf659188683a451.png][]

![71b6cd5bae4f2f779dc41165d6e6188f.png][]

![3b7d5b487e1d37580e3e38776d641eff.png][]

![6e95017283e52bc1bff90707e51557f4.png][]

![9d0e4b49d2d6b4dcf24df48876787855.png][]

[05ee32d8bd1fe8e4c79934deb371e74d.png]: https://img-blog.csdnimg.cn/img_convert/05ee32d8bd1fe8e4c79934deb371e74d.png
[f8dfeaf5026775209299469bb998dfe1.png]: https://img-blog.csdnimg.cn/img_convert/f8dfeaf5026775209299469bb998dfe1.png
[e5955cbc5e134076eb38cc3fa3c92500.png]: https://img-blog.csdnimg.cn/img_convert/e5955cbc5e134076eb38cc3fa3c92500.png
[d71956fefb2931ac44a4504d753be7f3.png]: https://img-blog.csdnimg.cn/img_convert/d71956fefb2931ac44a4504d753be7f3.png
[934920b5af8b9159627230956fcffb61.png]: https://img-blog.csdnimg.cn/img_convert/934920b5af8b9159627230956fcffb61.png
[5da9f03aab378ab98786d39021f637be.png]: https://img-blog.csdnimg.cn/img_convert/5da9f03aab378ab98786d39021f637be.png
[b45124b240a1d1f69cf659188683a451.png]: https://img-blog.csdnimg.cn/img_convert/b45124b240a1d1f69cf659188683a451.png
[71b6cd5bae4f2f779dc41165d6e6188f.png]: https://img-blog.csdnimg.cn/img_convert/71b6cd5bae4f2f779dc41165d6e6188f.png
[3b7d5b487e1d37580e3e38776d641eff.png]: https://img-blog.csdnimg.cn/img_convert/3b7d5b487e1d37580e3e38776d641eff.png
[6e95017283e52bc1bff90707e51557f4.png]: https://img-blog.csdnimg.cn/img_convert/6e95017283e52bc1bff90707e51557f4.png
[9d0e4b49d2d6b4dcf24df48876787855.png]: https://img-blog.csdnimg.cn/img_convert/9d0e4b49d2d6b4dcf24df48876787855.png