Skip to main content

Android studio kotlin java change status bar color

Android studio kotlin/java change status bar background color





Hello Today we learn how to change status bar background color in android studio.

What is status bar ?

In android phones , status bar contains notifications and system icons. As you can see in above image that area is status bar.

Here we will change background color through xml so it will be work with both java and kotlin. You can change status bar color by many ways but here we are using very simple way to do this. So please follow below steps:-


Please open your project folder and navigate to app/src/main/res/values/styles.xml or just search styles.xml file and then add below line in it

<item name="android:statusBarColor">#333</item>

Here we are using dark color code #333 but you can use any color code according to you and it will be good if you use color according to your app theme.

So after adding this code your code will be look like this


<resources>
    <!-- Base application theme. -->    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:statusBarColor">#333</item>
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>






After the above process, please click on build and check it will work. Thanks for reading :)

Comments

  1. In this fashion my buddy Wesley Virgin's report launches with this shocking and controversial VIDEO.

    As a matter of fact, Wesley was in the army-and soon after leaving-he discovered hidden, "mind control" tactics that the CIA and others used to get anything they want.

    THESE are the same SECRETS tons of famous people (notably those who "became famous out of nothing") and elite business people used to become wealthy and famous.

    You probably know that you use only 10% of your brain.

    Really, that's because the majority of your brain's power is UNCONSCIOUS.

    Maybe that thought has even occurred INSIDE your own head... as it did in my good friend Wesley Virgin's head about seven years ago, while driving a non-registered, beat-up garbage bucket of a vehicle with a suspended license and $3 on his banking card.

    "I'm very frustrated with going through life paycheck to paycheck! When will I finally make it?"

    You've been a part of those those types of thoughts, ain't it right?

    Your success story is going to start. All you have to do is in YOURSELF.

    Take Action Now!

    ReplyDelete
  2. This is very helpful information about mobile app development. If you are looking some different information about android app development Please follow this link:Android app development

    ReplyDelete
  3. Nice post. The information which you provided is valuable & meaningful. Thanks for sharing this blog.

    Custom Android App Development Company New York

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment

Popular posts from this blog

Run and compile sass scss file to css using node

  Today we learn how to use scss and generate css using node  or Run and compile sass scss file to css using node   So please follow simple  steps :-   Today we will create a project that can read scss file and generates css with it  Note: Make sure you have installed node in your system. If you want to help to install node js based on your system then check our other tutorial or check node js official website. Now create a blank folder and open  terminal(linux) or cmd(windows) and navigate to your current project folder by using cd command Now run below command npm init after enter it will ask you some package info that you can fill according to you or just keep enter until it finished. The above command will generate package.json file Now  we will install npm module that will convert our scss to css Run below command: npm install node-sass So we have installed node-sass package . Now open package.json file in your...

How to retrieve Facebook Likes, share , comment Counts

function facebook_count($url){     // Query in FQL     $fql  = "SELECT share_count, like_count, comment_count ";     $fql .= " FROM link_stat WHERE url = '$url'";     $fqlURL = "https://api.facebook.com/method/fql.query?format=json&query=" . urlencode($fql);     // Facebook Response is in JSON     $response = file_get_contents($fqlURL);     return json_decode($response); } $fb = facebook_count('https://www.facebook.com/BahutHoGyiPadhai'); // facebook share count echo $fb[0]->share_count;  echo "like"; // facebook like count echo $fb[0]->like_count ; echo "comment"; // facebook comment count echo $fb[0]->comment_count;  ?>

Solution-windows 'expo' is not recognized as an internal or external command

Solution for expo is not recognized as an internal or external command,operable program or batch file in Windows 10 Sometimes expo will not work globally mostly in windows 10, If you are facing same issue then follow the below Steps 1) Click on windows button and search for  " Environment variables"  and click on "Edit the system environment variables" 2) Now you will see a popup like below screen. Then you need to click on Environment Variables. (Please see highlight part in below image)     3)Then click on new button that i have highlighted in below image 4. Then a popup will open and you need to fill details like below mentioned Variable Name :Path Variable Value: %USERPROFILE%\AppData\Roaming\npm Here we are creating a new path variable and passing location of npm.   Now Click on OK and close all the terminal windows and open new CMD or terminal and type Expo . Great now you can access expo from any...