ToolBar

1.设置ToolBar 布局

2.创建menu文件,写menu文件,设置标题右上角的文字以及图片

3.设置style.xml 写入右上角文字的颜色以及字体大小

4.在Activity里面设置标题,以及引入menu文件

5.展示

第一步:

<android.support.v7.widget.Toolbar
    android:id="@+id/toolBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#be2828"
    app:navigationIcon="@mipmap/ic_launcher_round"
    android:padding="10dp"
    >
第二步:

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

    <item
        android:title="点击分享"
        app:showAsAction="never"
        ></item>
    <item
        android:title="点击复制"
        android:icon="@mipmap/ic_launcher_round"
        app:showAsAction="ifRoom"
        ></item>
</menu>
第三步:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

//主要的是这个Main 里面的属性不是必须的,但是标签里面的是必须的

<style name="Main" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:popupBackground">#2dc92d</item>
    <item name="android:editTextColor">#b91eb4</item>
    <item name="android:textSize">25sp</item>
</style>
第四步:

//导入menu

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.men,menu);
    return true;
}
toolbar = findViewById(R.id.toolBar);
setSupportActionBar(toolbar);

//设置大标题

getSupportActionBar().setDisplayShowTitleEnabled(true);
getSupportActionBar().setTitle("大标题");
toolbar.setTitleTextColor(Color.WHITE);

//设置小标题

toolbar.setSubtitle("小标题");
toolbar.setSubtitleTextColor(Color.YELLOW);

//点击事件

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(getApplicationContext(),"点击成功",Toast.LENGTH_SHORT).show();
    }
});
 

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、付费专栏及课程。

余额充值