ToolBar

//布局文件

<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" >

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/toolBar"
        android:background="@android:color/darker_gray">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Clock"/>
    </android.support.v7.widget.Toolbar>

</LinearLayout>

//MainActicity

public class MainActivity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        boolean checkNetWork = CheckNetWork(this);
      

        Toolbar toolbar= (Toolbar) findViewById(R.id.toolBar);
        //设置导航栏图
        toolbar.setNavigationIcon(R.mipmap.ab_android);
        //设置AppLogo
        //toolbar.setLogo(R.mipmap.ic_bar_search);
        /*
        * 如果你想修改标题和子标题的字体大小、
        * 颜色等,可以调用 setTitleTextColor 、
         * setTitleTextAppearance 、
         * setSubtitleTextColor 、
          * setSubtitleTextAppearance 这些API;
          * */
        //设置标题
        toolbar.setTitle("Title");
        //设置子标题
        toolbar.setSubtitle("Subtitlt");
        //设置右上角的填充菜单
        toolbar.inflateMenu(R.menu.base_toolbar_menu);
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                int menuItemId = item.getItemId();
                if (menuItemId == R.id.action_search) {
                    Toast.makeText(MainActivity.this , R.string.menu_search , Toast.LENGTH_SHORT).show();
                }else if (menuItemId == R.id.action_notification) {
                    Toast.makeText(MainActivity.this, R.string.menu_notifications , Toast.LENGTH_SHORT).show();

                } else if (menuItemId == R.id.action_item1) {
                    Toast.makeText(MainActivity.this, R.string.item_01 , Toast.LENGTH_SHORT).show();

                } else if (menuItemId == R.id.action_item2) {
                    Toast.makeText(MainActivity.this, R.string.item_02 , Toast.LENGTH_SHORT).show();

                }
                return true;
            }
        });
    }

//BaseActivity

public class BaseActivity extends AppCompatActivity {
    @Override
    public void onCreate(Bundle savedInstanceState, PersistableBundle persistentState) {
        super.onCreate(savedInstanceState, persistentState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }
}
//设置右上角的填充菜单
//设置右上角的填充菜单

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/action_search"
        android:icon="@mipmap/ab_edit"
        android:title="@string/menu_search"
        app:showAsAction="ifRoom"></item>

    <item
        android:id="@+id/action_notification"
        android:icon="@mipmap/ab_share"
        android:title="@string/menu_notifications"
        app:showAsAction="ifRoom"/>

    <item
        android:id="@+id/action_item1"
        android:title="@string/item_01"

        app:showAsAction="never" />

    <item
        android:id="@+id/action_item2"
        android:title="@string/item_02"
        app:showAsAction="never" />
</menu>








03-14
### Toolbar 的定义及其在软件开发和 UI 设计中的作用 #### 工具栏(Toolbar)概述 工具栏是一种常见的用户界面组件,通常位于窗口顶部或底部,提供快速访问常用功能的方式。它可以通过图标、文字或其他交互元素来表示操作命令[^1]。 #### 在 Qt Design Studio 中的应用 在 Qt Design Studio 手册版本 3.5.0 中提到的工作流设计部分表明,工具栏可以作为汽车应用工作流程的一部分被集成到用户界面上。这种集成为用户提供了一种高效的方式来执行特定任务,尤其是在需要频繁调用某些功能的情况下。 #### 用户为中心的设计原则 从用户体验的角度来看,《回到人类界面设计》一书中强调了以用户为中心的设计理念[^2]。这意味着工具栏的设计应考虑用户的实际需求和习惯,确保其布局直观且易于理解。例如,在设计工具栏时,应该优先放置最常用的按钮,并按照逻辑顺序排列它们,以便提高可用性和效率。 #### 跨平台支持与 Angular/Onsen UI 集成 对于移动应用开发者而言,使用框架如 Onsen UI 可简化跨平台开发过程[^3]。通过强大的 API 支持,开发者能够轻松实现具有原生外观风格的工具栏组件。以下是利用 Angular 和 Onsen UI 创建基本工具栏的一个简单示例: ```html <ons-toolbar> <div class="center">Application Title</div> <div class="right"> <ons-button>Settings</ons-button> </div> </ons-toolbar> ``` 此代码片段展示了如何在一个 HTML 文件中定义一个包含标题和设置按钮的基础工具栏结构。 #### 沟通的重要性 考虑到不同背景人员之间的协作问题,有效沟通显得尤为重要[^4]。当讨论关于工具栏的具体实现细节时,项目经理和技术团队之间可能存在的术语差异需得到妥善处理。只有双方都能清晰表达各自的观点并达成共识,才能保证最终产品满足预期目标。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值