Add ProgressBar in ToolBar

-
This example show how to add android.support.v7.widget.Toolbar to layout and add ProgressBar to the ToolBar.


New a project of empty activity in Android Studio.

Edit res/values/styles.xml to change style to "Theme.AppCompat.Light.NoActionBar".




Refer to the above video, add a ToolBar to the layout, and add a ProgressBar to the ToolBar, using Android Studio's graphical design tool.

res/layout/activity_main.xml 

    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.blogspot.android_er.toolbarprogressbar.MainActivity">

            android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar"
        app:layout_constraintVertical_bias="0.501" />

            android:id="@+id/toolbar"
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="0dp"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:theme="?attr/actionBarTheme"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

            android:id="@+id/progressBar"
        style="?android:attr/progressBarStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="8dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginTop="8dp"
        android:visibility="gone"/>




MainActivity.java 
package com.blogspot.android_er.toolbarprogressbar;

import android.os.AsyncTask;
import android.os.Bundle;
import android.os.SystemClock;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    TextView tvTitle;
    ProgressBar myProgressBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tvTitle = (TextView)findViewById(R.id.title);
        myProgressBar = (ProgressBar)findViewById(R.id.progressBar);

        tvTitle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(getBaseContext(),
                        "ProgressBar start running",
                        Toast.LENGTH_LONG).show();
                tvTitle.setClickable(false);
                MyAsyncTask myAsyncTask = new MyAsyncTask();
                myAsyncTask.execute();
            }
        });
    }

    public class MyAsyncTask extends AsyncTask {

        @Override
        protected void onPreExecute() {
            myProgressBar.setVisibility(View.VISIBLE);
            myProgressBar.setProgress(0);
        }

        @Override
        protected Void doInBackground(Void... voids) {
            for(int i=0; i<100; i++){
                publishProgress(i);
                SystemClock.sleep(100);
            }
            return null;
        }

        @Override
        protected void onProgressUpdate(Integer... values) {
            myProgressBar.setProgress(values[0]);
        }

        @Override
        protected void onPostExecute(Void aVoid) {
            myProgressBar.setVisibility(View.GONE);
            tvTitle.setClickable(true);
        }
    }
}


Result:

To replace the indeterminate ProgressBar to Horizontal Progress Bar, edit res/layout/activity_main.xml. (maybe you want to set android:visibility="gone" as in progressBarStyle, depends on your case)

    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.blogspot.android_er.toolbarprogressbar.MainActivity">

            android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar"
        app:layout_constraintVertical_bias="0.501" />

            android:id="@+id/toolbar"
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        android:layout_marginTop="0dp"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:theme="?attr/actionBarTheme"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

            android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="0dp"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="0dp"
        app:layout_constraintBottom_toBottomOf="@+id/toolbar"
        app:layout_constraintLeft_toLeftOf="@+id/toolbar"
        app:layout_constraintRight_toRightOf="@+id/toolbar" />





More examples of:
- android.support.v7.widget.Toolbar
- ProgressBar



Popular posts from this blog

OnePlus Releases OxygenOS 4.5 OTA For OnePlus 3 and OnePlus 3T

-
Image
OnePlus has just announced the release of OxtgenOS 4.5 OTA for the OnePlus 3 and OnePlus 3T. The new update brings in a number of new additions to the stable OxygenOS for these devices, as well as various system stability and battery improvements. Lift up Display, a feature previously limited to the OxygenOS beta channel has now finally made it to the stable version with this new update. That means users can now peek at their notifications simply by lifting the device up from the surface, without actually waking up the device by double tapping the screen or pressing the power button. The new update also adds a Gaming Do Not Disturb mode to help gamers better focus on their gameplay by effectively blocking out heads-up notifications and sounds. This last addition has been in the stable ROM of the OnePlus 5 since the device arrived, so it’s nice to see it get to the hands of OnePlus 3 and 3T owners. Other notable changes include the ability to show network speed in the st
Read more

Report: Incredibly Accurate GPS Chips are Coming to Smartphones Next Year

-
Image
GPS on smartphones today can be hit or miss for a lot of people. There are times in which it is actually right on point, but then there are other times that it seems to pin you on a completely different street, usually taking far too long to correct itself. Android has tried to improve this by triangulating your location from a number of sensors including GPS, WiFi, Cellular, etc. However, this issue could be coming to an end soon as Broadcom has just unveiled a new GPS chip that is said to bring 30-centimeter accuracy. Most GPS chips in smartphones today claim to be within 5 meters of accuracy when it comes to determining your location. As mentioned, Android tries to improve this by using data from other components in your smartphone. For instance, you’re only using the GPS sensor in your smartphone if you have the location mode set to Device Only. A lot of people will bump this up to Battery Saving mode though and it will try to figure out your location using WiFi, Blueto
Read more

Black Friday saw the lowest price yet for the Roomba j7 from iRobot.

-
Image
  Prices for the iRobot Roomba j7 series have reached record lows. With the Roomba j7 being $250 less expensive than usual, and the Roomba j7+ being $200 less expensive. https://linkjust.com/lKbjkgDZ59WMURB3L2omZ    The auto-empty dock is the only difference between these two variants. The auto-empty dock for the Roomba j7+ is included, and it can keep enough dust and debris for the robot vacuum to run for nearly two months. Unless you add the Roomba Combo j7, the Roomba j7 is still the most recent robot from iRobot. It was released over a year ago. The guarantee that iRobot provided helped the j7 gain a lot of popularity. Pet poop avoidance is guaranteed by iRobot, or they'll replace the j7 series for nothing. Its P.O.O.P. policy, which stands for Pet Owner Official Promise, includes this. But it must be pretty good if iRobot is so certain that it will avoid pet waste, right? It is.    Additionally, the j7 boasts "PrecisionVision," a revolutionary system integrated insid
Read more