在Toolbar的使用简介

最新推荐文章于 2021-09-30 15:00:02 发布
最新推荐文章于 2021-09-30 15:00:02 发布
阅读量1.2k 收藏
点赞数
文章标签： Toolbar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xieluoxixi/article/details/52620473
版权

Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与Actionbar 相比， Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面的任意位置。除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这些可定制修改的属性在API文档中都有详细介绍，如：

  • 设置导航栏图标；
  • 设置App的logo；
  • 支持设置标题和子标题；
  • 支持添加一个或多个的自定义控件；
  • 支持Action Menu；
前面提到 Toolbar 是在 Android 5.0 才开始加上的，Google 为了将这一设计向下兼容，自然也少不了要推出兼容版的 Toolbar 。为此，我们需要在工程中引入 appcompat-v7 的兼容包，使用android.support.v7.widget.Toolbar 进行开发

  1. 我们在使用 Toolbar 时候需要先隐藏掉系统原先的导航栏，网上很多人都说给Activity设置一个NoActionBar的Theme。但个人觉得有点小题大做了，所以这里我直接在BaseActivity中调用 supportRequestWindowFeature(Window.FEATURE_NO_TITLE) 去掉了默认的导航栏（注意，我的BaseActivity是继承了AppCompatActivity的，如果是继承Activity就应该调用 requestWindowFeature(Window.FEATURE_NO_TITLE) ）；

  2. 如果你想修改标题和子标题的字体大小、颜色等，可以调用 setTitleTextColor 、setTitleTextAppearance 、 setSubtitleTextColor 、 setSubtitleTextAppearance这些API；

  3. 自定义的View位于 title 、 subtitle 和 actionmenu 之间，这意味着，如果 title 和subtitle 都在，且 actionmenu选项 太多的时候，留给自定义View的空间就越小；

  4. 导航图标和 app logo 的区别在哪？如果你只设置 导航图标 （ or app logo ） 和 title 、subtitle ，会发现 app logo 和 title 、 subtitle 的间距比较小，看起来不如 导航图标 与 它们两搭配美观；

  5. Toolbar和其他控件一样，很多属性设置方法既支持代码设置，也支持在xml中设置（这里也是最最最最最坑爹的地方，如何坑爹法，请接着往下看）；


今天先分享怎么简单配置toolbar

功能代码

package com.zhuandian.dianzicheng;

import android.app.Activity;
import android.content.Intent;
import android.media.MediaPlayer;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;

import com.zhuandian.dianzicheng.GuideView.AboutUs;
import com.zhuandian.dianzicheng.pay.PayActivity;
import com.zhuandian.dianzicheng.pay.PriceList;

import java.io.IOException;
import java.io.InputStream;
import java.net.Socket;

import cn.pedant.SweetAlert.SweetAlertDialog;


public class MainActivity extends Activity implements View.OnClickListener {
    private Toolbar mToolbar;
    private TextView addTextView;
    private TextView weightTextview;
    private TextView priceTextView;

    private MediaPlayer mediaPlayer=null;
    private TextView sumPriceTextView;
    private double sumPirce=0;
//    private Handler handler=new Handler()
//    {
//        @Override
//        public void handleMessage(Message msg) {
//            String data=(String)msg.obj;
//            Log.v("info5", "收到handle的消息啦");
//
//            if(msg.what==1)
//            {
//                Log.v("xiedong","type0");
//               weightTextview.setText(data);
//            }
//
            if(msg.what==GET_INFO_TYPE1)
            {
                Log.v("xiedong","type0");
                parseType1Str(data);
            }
//        }
//    };


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main3);
        mToolbar= (Toolbar) findViewById(R.id.toolbar);
        mToolbar.setTitle("智能电子秤");
        mToolbar.setTitleTextColor(getResources().getColor(android.R.color.white));
        //修改主标题的颜色、外观
        mToolbar.setTitleTextAppearance(this, R.style.AppTheme);
        mToolbar.inflateMenu(R.menu.menu_main);   //右上角的三个小圆点菜单

        //初始化控件
        initViw();
//        MyTask myTask= new MyTask();
//        myTask.execute();

//        new Thread(){
//
//            @Override
//            public void run() {
//                try {
//                    String info=getInfo();
//
//
            String info="31;{005.00AT+CIPSEND=0";
//                    //31; {005.00AT+CIPSEND=0
//                    String info1=info.replaceAll("([0-9]{2}).\\d{0,1}\\{\\d+\\.\\d+[A-Z]{2}\\+[A-Z]{1,10}=\\d", "$1");
//                    String info2=info.replaceAll(".+\\{([0-9]+\\.[0-9]+).+", "$1");
            String info1=info.replaceAll("(\\d{1,3}).+", "$1");
            System.out.println(info1);
//
//                    Message msg=new Message();
//                    msg.what=1;
//                    msg.obj=info1;
//                    handler.sendMessage(msg);
                    weightTextview.setText(info1);
                    priceTextView.setText(info2);
//                } catch (IOException e) {
//                    e.printStackTrace();
//                }
//            }
//        }.start();


        //给toolbar上的三个小圆点菜单设置监听事件
        mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                Intent mIntent;
                switch (item.getItemId())
                {

                    case R.id.payme :
                        mIntent= new Intent(MainActivity.this,PayActivity.class);

                        //数据传递
                        Bundle bundle = new Bundle();
                        double price=sumPirce;

                        bundle.putDouble("price",price);
                        mIntent.putExtras(bundle);

                        startActivity(mIntent);
                        break;
                    case R.id.price_list :
                        mIntent= new Intent(MainActivity.this,PriceList.class);
                        startActivity(mIntent);
                        break;
                    case R.id.aboutus :
                        mIntent= new Intent(MainActivity.this,AboutUs.class);
                        startActivity(mIntent);
                        break;
                }


                return true;
            }
        });




    }


    class MyTask extends AsyncTask<Void,Void,String>{


        @Override
        protected String doInBackground(Void... params) {
            String info1="";
            String info2="";
            Log.i("xiedong","doInBackground");

            try {
                String info=getInfo();
//                String info = "12080.92AT+CIPSEND=0,3000081";
               String aa[] =info.split("=");
                info=aa[0];
                Log.i("xie",info+"原始串");
// 13081.82AT+CIPSEND=0,3000081
                info=info.replaceAll("([0-9]{5}\\.[0-9]{2}).+","$1");

                Log.i("xiedong",info+"删除后");
                 info1=info.replaceAll("(\\d{2}).+", "$1");
                 info2=info.replaceAll("\\d\\d([0-9]{3}\\.[0-9]{2}).*", "$1");

                Log.i("xiedong",info1+"哈哈"+info2+"正则后");

             //   11^�|099.05AT+CIPSEND=0
            String info="31;{005.00AT+CIPSEND=0";
//                    //31; {005.00AT+CIPSEND=0
//                     info1=info.replaceAll("([0-9]{2}).+\\d{0,1}.\\d+\\.\\d+[A-Z]{2}\\+[A-Z]{1,10}=\\d", "$1");
//                     info2=info.replaceAll(".+.([0-9]+\\.[0-9]+).+", "$1");
//                   String info1=info.replaceAll("(\\d{1,3}).+", "$1");
//                     System.out.println(info1);
//                    System.out.println(info2);


            } catch (Exception e) {
                e.printStackTrace();
            }
            return info1+","+info2;

//            return "123,34";

        }

        @Override
        protected void onPreExecute() {
           weightTextview.setText("获取重量中...");
            priceTextView.setText("");
            sumPriceTextView.setText("");
        }

        @Override
        protected void onPostExecute(String s) {

            Log.i("xiedongonPostExecute",s+"一开始");

            String [] info =s.split(",");
//            String [] info ={"123","3454"};

            if( info.length > 1 ) {

                Log.i("xiedong onPostExecute",info[0]+"呵呵>"+info[1]);
            weightTextview.setText("重量\n"+info[1]+"g");
            priceTextView.setText(info[0]);

                double a=Double.parseDouble(info[0]);
                double b=Double.parseDouble(info[1]);
//                int b=Integer.parseInt(info[1]);
//                String sum=(String)a*b;
                sumPriceTextView.setText(a*b+"");

                sumPirce+=a*b;
//                if("".equals(GlobalVariable.a1))
//                {
//
//                    GlobalVariable.a1=info1;
//                    GlobalVariable.a2=info2;
//
//                    Log.i("xiedong",GlobalVariable.a1+"  "+GlobalVariable.a2);
//                }
//                if("".equals(GlobalVariable.b1))
//                {
//                    GlobalVariable.b1=info1;
//                    GlobalVariable.b2=info2;
//                    Log.i("xiedong",GlobalVariable.b1+"  "+GlobalVariable.b2);
//                }
//                if("".equals(GlobalVariable.c1))
//                {
//                    GlobalVariable.c1=info1;
//                    GlobalVariable.c2=info2;
//                    Log.i("xiedong",GlobalVariable.c1+"  "+GlobalVariable.c2);
//                }
//                if("".equals(GlobalVariable.d1))
//                {
//                    GlobalVariable.d1=info1;
//                    GlobalVariable.d2=info2;
//                    Log.i("xiedong",GlobalVariable.d1+"  "+GlobalVariable.d2);
//                }
            }else {

                weightTextview.setText("未取到数据");
                priceTextView.setText("0");
            }
        }
    }
    private void initViw() {

        sumPriceTextView= (TextView) findViewById(R.id.sumprice);
        weightTextview = (TextView) findViewById(R.id.weight);
        priceTextView= (TextView) findViewById(R.id.price);
        addTextView = (TextView) findViewById(R.id.addsum);
        addTextView.setOnClickListener(this);
        weightTextview.setOnClickListener(this);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId())
        {
            case R.id.addsum :
                Log.i("xiedong","add sucess");
                new SweetAlertDialog(this, SweetAlertDialog.SUCCESS_TYPE)
                        .setTitleText("添加成功")
                        .setContentText("当前账单数目为"+sumPirce+"元")
                        .show();

                mediaPlayer=MediaPlayer.create(MainActivity.this,R.raw.voice);
                mediaPlayer.start();
                break;

            case R.id.weight :
                Log.i("xiedong","onclick");
                MyTask myTask= new MyTask();
                myTask.execute();
                break;


        }
    }

    /**
     * 把单价及类型添加进全部变量
     */
    private void addprice() {

    }


    private String getInfo() throws IOException {
        Socket socket = new Socket("192.168.4.1",8080);


//			OutputStream out = socket.getOutputStream();
//
//
//			out.write("tcp演示：哥们又来了!".getBytes());

//			21?9{004.59AT+CIPSEND=0,31;{005.00AT+CIPSEND=0,

        //读取服务端返回的数据,使用socket读取流。
        InputStream in = socket.getInputStream();
        byte[] buf = new byte[1024];

        int len = in.read(buf);

        String  text = new String(buf,0,len);

        System.out.println(text);




        //关闭资源。 vb
        socket.close();
        return text;
    }

}

主布局文件

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <span style="color:#ff0000;"><include layout="@layout/toolbar"/></span>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"

    >
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bgcolor"
    android:gravity="center">
    <TextView
        android:id="@+id/weight"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:gravity="center"
        style="@style/textstyle"
        android:background="@drawable/shape_textview_green"
        android:text="点击获\n取重量"
        />

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:gravity="center"
        android:orientation="vertical"
        >
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:gravity="center"
            style="@style/textstyle"
            android:background="@drawable/shape_textview"
            android:text="单价"
            />

        <TextView
            android:id="@+id/price"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:gravity="center"
            style="@style/textstyle"
            android:background="@drawable/shape_textview_blue"
            android:text=""
            />
        </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView


            android:layout_width="70dp"
            android:layout_height="70dp"
            android:gravity="center"
            style="@style/textstyle"
            android:background="@drawable/shape_textview_blue"
            android:text="总价"
            />

        <TextView
            android:id="@+id/sumprice"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:gravity="center"
            style="@style/textstyle"
            android:background="@drawable/shape_textview_red"
            android:text=""
            />
    </LinearLayout>

    </LinearLayout>

    <TextView
        android:id="@+id/addsum"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:gravity="center"
        style="@style/textstyle"
        android:background="@drawable/shape_textview_green"
        android:text="添加\n账单"
        android:layout_gravity="right"
        />


</LinearLayout>


</LinearLayout>


为了便于对toolbar的复用，采用include的方法添加进主布局 

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/toolbarColor"
    android:subtitle="456"
    android:title="123"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!--自定义控件-->
    <!--<TextView-->
    <!--android:layout_width="wrap_content"-->
    <!--android:layout_height="wrap_content"-->
    <!--android:text="Clock" />-->
</android.support.v7.widget.Toolbar>

引用Toolbar控件时一定要注意引对包，是在v7支持包下的Toolbar

谢栋_
关注
【愚公系列】2023年10月 WPF控件专题 ToolBar控件详解
时光隧道
08-14 5万+
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。
Toolbar+DrawerLayout简单简介和简单使用方法
SageDeceiveFiend的博客
06-09 902
Toolbar+DrawerLayout Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件， 以此来取代之前的Actionbar 。我们需要在工程中引入appcompat-v7的兼容包以便向下兼容， 使用android.support.v7.widget.Toolbar进行开发。在设计 Toolbar 的时候， Google也留...
ToolBar使用总结
俊墨客
09-30 1446
目录 一、toolbar style配置 toolbar布局 二、NavigationIcon NavigationIcon常用方法 具体使用 三、title 四、Menu menu的创建 menu点击事件 menu不同状态时操作 menu菜单图标+标题同时显示 fragment使用menu菜单 五、style的配置 style的基本配置 app:theme & app:popupTheme 修改toolbar的字体 修改menu的字体颜色 修改menu显示位置 一、
Toolbar的介绍和使用
wangjiang
02-16 9724
1.Toolbar介绍      Toolbar是应用程序中使用的标准工具栏。     Toolbar是应用程序布局中使用的Actionbar的泛华，虽然Actionbar是传统Activity的不透明窗口装饰的控制框架的一部分，但是在视图层次里Toolbar可以被任何任意级别的嵌套。使用Toolbar时，应用程序可以通过使用android.support.v7.app.AppCompatAc
Toolbar属性简介
云淡风轻的博客
07-18 2995
styles.xml代码：<?xml version="1.0" encoding="utf-8"?> <resources> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="windowActionBar">false</item><!--系统默认菜单选项 -->
Android ToolBar 使用完全解析
热门推荐
蓝天白云梦的csdn博客
05-07 3万+
ToolBar简介ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar，由于其高度的可定制性、灵活性、具有Material Design风格等优点，越来越多的应用也用上了ToolBar，比如常用的知乎软件其顶部导航栏正是使用ToolBar。官方考虑到仍有一部分用户的手机版本号低于5.0，所以，ToolBar也放进了support v7包内，使得低版本的系统也能
ToolBar基本使用及自定义ToolBar
阳光灿烂的日子的博客
04-26 789
首先布局文件activity_main.xml&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" ...
Django 开发调试工具 Django-debug-toolbar使用详解
09-19
## 一、Django-debug-toolbar简介 Django-debug-toolbar的核心功能是展示关于当前请求和响应的详细信息，包括SQL查询、模板渲染时间、HTTP头、中间件执行时间等。这些信息以一个侧边栏的形式呈现，用户可以通过单击...
NavigationView在Toolbar下方
04-29
要实现"NavigationView在Toolbar下方"，开发者通常会使用`android.support.v4.widget.DrawerLayout`作为顶级容器，它允许一个或两个子视图从屏幕边缘滑出。在DrawerLayout中，可以将Toolbar作为第一个子视图，然后...
easyUI工具栏（ToolBar）和按钮组（Buttons）
wuke666666的博客
04-29 6688
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Toolbar and Buttons - jQuery EasyUI Demo</title> <link rel="stylesheet" ty...
ToolBar简介以及使用详解
geyuecang的博客
04-21 1827
ToolBar简介以及使用详解通过本篇博客大家可以了解到： 1.ToolBar是什么 2.ToolBar常用属性 3.ToolBar如何使用 1.ToolBar简介 Toolbar supports a more focused feature set than ActionBar. From start to end, a toolbarmay conta
Toolbar初体验
ning_gg的个人笔记
09-23 1216
转载请注明出处:http://blog.csdn.net/ning_gg/article/details/52634792 一直想做一个统一的菜单栏,但以前都是自己写个布局加个ImageButton跟TextView，但是总觉得很lo,自从看到Toolbar发觉这才是我想要的。所以观摩大神们的攻略自己撸了个demo,方便以后好用。先看效果图 我是在4.0.4上截的图,所以侵入式没有显示,用5.0的
Win32 SDK的Toolbar使用标准位图
卧龙居
10-22 3743
最终效果如图所示：
android：ToolBar详解
hkg1pek的专栏
01-23 1331
来源 http://blog.mosil.biz/2014/10/android-toolbar/ 这篇文章因为是台湾人写的，语言风格很别致。本文在原文的基础上做了一些微调（主要是繁体字的问题）。 今年(2014) 的 google i/o 发表令多数人为之一亮的 material design，而 google 也从「google i/o 2014」 开始，大家也陆陆续续地看到其
ToolBar的使用
androidxiaogang的博客
06-14 4406
1、ToolBar的介绍ToolBar基本上继承了ActionBar的风格，使用ToolBar可以简单的实现导航的效果，但toolbar有一此配置比较麻烦，特别是自定义的时候遇到的问题很多 从api或者源码中看toolbar的主要功能： 2、ToolBar的基本使用在布局中配置toolbar，注意是support-v7下的toolbar<?xml version="1.0" encoding="
安卓开发——修改Toolbar标题字体大小
萌鼠喝酸奶的博客
03-29 8477
首先在style.xml文件中，定义： 18sp 然后在布局文件中设置app:titleTextAppearance="@style/Toolbar.TitleText",即 <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xml
Android--自定义toolbar(Fragment)
超宇的博客
02-05 1338
public class ContactsFragment extends BaseFragment { /** * 标志位，标志已经初始化完成 */ private boolean isPrepared; /** * 是否已被加载过一次，第二次就不再去请求数据了 */ private boolean mHasLoadedOn
Visual C 6.0使用方法简介及菜单栏功能详解
其他选项包括Toolbar和ClassView，用于显示或隐藏相应的窗口。 Help菜单用于获取帮助和学习更多关于Visual C的知识。其中，Contents选项提供了详细的帮助文档。Search用于搜索相关主题。Other Resources和About ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值