ToolBar

Xml文件——activity

<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"
    tools:context="alice.bw.com.day03toolabardrawlayout.MainActivity">

    <Button
        android:id="@+id/ToolBarBaseActivity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="跳转到ToolBarBase页面"/>
    <Button
        android:id="@+id/ToolBarActivity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="跳转到ToolBar页面"/>

    <Button
        android:id="@+id/DrawLayoutActivity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="跳转到DrawLayout页面"/>

    <Button
        android:id="@+id/ToolBarDrawLayoutActivity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onClick"
        android:text="跳转到ToolBar和DrawLayout页面"/>
</LinearLayout>

Xml文件——activity_tool_bar_base

<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"
    tools:context="alice.bw.com.day03toolabardrawlayout.ToolBarBaseActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolaBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_green_light">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1509A开发全体成员"/>
    </android.support.v7.widget.Toolbar>

</LinearLayout>

MainActivity

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {
    private Intent mIntent;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mIntent = new Intent();
    }

    public void onClick(View view) {
        switch (view.getId()){
            case R.id.ToolBarBaseActivity://ToolBar的基本使用方法
                mIntent.setClass(this,ToolBarBaseActivity.class);
                break;
        }

        startActivity(mIntent);



    }
}

ToolBarBaseActivity

/**
 * ToolaBar的使用
 */
public class ToolBarBaseActivity extends AppCompatActivity {
    private Toolbar mToolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);//如果继承的是AppCompatActivity 使用supportRequestWindowFeature(Window.FEATURE_NO_TITLE)
        //如果继承的Activity使用requestWindowFeature(Window.FEATURE_NO_TITLE);,必须要在setContentView之前
        setContentView(R.layout.activity_tool_bar_base);
        mToolbar = (Toolbar) findViewById(R.id.toolaBar);
        //设置ToolBar的导航图标
        mToolbar.setNavigationIcon(R.mipmap.ic_launcher);
        mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(ToolBarBaseActivity.this, "我是导航图标", Toast.LENGTH_SHORT).show();
            }
        });
        //设置logo
        mToolbar.setLogo(R.mipmap.ic_launcher);
        mToolbar.setTitle("大标题");
        mToolbar.setSubtitle("子标题");
        //设置menu
        mToolbar.inflateMenu(R.menu.toolbarmenu);
        mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.item_1:
                        Toast.makeText(ToolBarBaseActivity.this, "标题一", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.item_2:
                        Toast.makeText(ToolBarBaseActivity.this, "标题二", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.item_3:
                        Toast.makeText(ToolBarBaseActivity.this, "标题三", Toast.LENGTH_SHORT).show();
                        break;
                }

                return true;
            }
        });
    }
}
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]。当讨论关于工具栏的具体实现细节时,项目经理和技术团队之间可能存在的术语差异需得到妥善处理。只有双方都能清晰表达各自的观点并达成共识,才能保证最终产品满足预期目标。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值