android界面设计开发总结

Android界面设计与开发实战

最新推荐文章于 2024-11-18 17:17:41 发布

原创最新推荐文章于 2024-11-18 17:17:41 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #webview #java

study 专栏收录该内容

2 篇文章

订阅专栏

本文总结了Android界面设计开发的几个关键点：1) 设计了DashboardFragment界面，使TabLayout背景色与colorPrimary保持一致；2) 实现了切换页面时Toolbar显示底部导航的相应标题；3) 添加了Toolbar菜单，并在选择菜单项后展示Snackbar提示。通过这些步骤，提升了用户体验。

1. 完善DashboardFragment界面的TabLs的背景色与colorPrimary一致
<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".DashboardFragment"
    android:orientation="vertical">
 
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs_dashboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:ignore="SpeakableTextPresentCheck"
        android:background="#6200EE"/>
 
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/> 
</LinearLayout>
2. 切换页面时，Toolbar显示底部导航的标题

private NavigationBarView.OnItemSelectedListener navListener = new NavigationBarView.OnItemSelectedListener() {
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()){
            case R.id.navigation_home:
                binding.viewPager.setCurrentItem(0);
                binding.toolbar.setTitle("首页");
                return true;
            case R.id.navigation_dashboard:
                binding.viewPager.setCurrentItem(1);
                binding.toolbar.setTitle("面板");
                return true;
            case R.id.navigation_notification:
                binding.viewPager.setCurrentItem(2);
                binding.toolbar.setTitle("通知");
                return true;
        }
        return false;
    }
};


3. 给Toolbar添加菜单，完成菜单项选择后的Snackbar提示   
 //    前端页面创建的点击事件
    public void onFABClick(View view) {
        showSnackbarMsg("FAB button Click");
    }

    private void showSnackbarMsg(String message) {
        Snackbar snackbar = Snackbar.make(binding.coordinatorLayout, message, Snackbar.LENGTH_LONG);
        snackbar.setAction("ok", new View.OnClickListener() {
            @Override
            public void onClick(View view) {
//                进行的操作


//                关掉弹框
                snackbar.dismiss();
            }
        });
//        展示
        snackbar.show();
    }