In the last part we create the UI with just the light mode but in this part, we are going to add dark and light mode which can be same as the phone app have so let’s do that…
Watch this video if you want the visual experience
Open the project and now create a new activity call as Settings where we ate adding a Switch to change mode.Open the XML file of the settings activity and paste this code.
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="?attr/backgroundColorApp"
android:layout_height="match_parent"
tools:context=".Settings">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Turn on dark mode"
android:textColor="?attr/toolbarTextColor"
app:layout_constraintBottom_toTopOf="@+id/switchButton"
app:layout_constraintEnd_toEndOf="@+id/switchButton"
app:layout_constraintHorizontal_bias="0.506"
app:layout_constraintStart_toStartOf="@+id/switchButton" />
<android.support.v7.widget.SwitchCompat
android:id="@+id/switchButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>Now create a new java file and name it as SaveTheamSatate.java and paste this code below.
import android.content.Context;
import android.content.SharedPreferences;
public class SaveTheamSatate {
SharedPreferences mySharedPref;
public SaveTheamSatate(Context context){
mySharedPref = context.getSharedPreferences("filename",Context.MODE_PRIVATE);
}
public void setNightModeState(Boolean state){
SharedPreferences.Editor editor = mySharedPref.edit();
editor.putBoolean("Nightmode",state);
editor.apply();
}
public Boolean looadNightModeState(){
Boolean state = mySharedPref.getBoolean("Nightmode",false);
return state;
}
}Now open the Settings.java file and add this code…
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.SwitchCompat;
import android.widget.CompoundButton;
public class Settings extends AppCompatActivity {
private SwitchCompat changeSettings;
private SaveTheamSatate saveTheamSatate;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
saveTheamSatate = new SaveTheamSatate(this);
if(saveTheamSatate.looadNightModeState()){
setTheme(R.style.NightMode);
}else {
setTheme(R.style.DayMode);
}
setContentView(R.layout.activity_settings);
changeSettings = findViewById(R.id.switchButton);
if(saveTheamSatate.looadNightModeState()){
changeSettings.setChecked(true);
}
changeSettings.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(isChecked){
saveTheamSatate.setNightModeState(true);
restartApp();
}else {
saveTheamSatate.setNightModeState(false);
restartApp();
}
}
});
}
private void restartApp() {
Intent i = new Intent(Settings.this,MainActivity.class);
startActivity(i);
finish();
}
}Ok now create a new XML file called as attrs.xml under the values folder. and paste this code…
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ds">
<attr name="backgroundColorApp" format="color"/>
<attr name="toolbarColor" format="color"/>
<attr name="toolbarTextColor" format="color"/>
<attr name="bottomNavIconColor" format="color"/>
</declare-styleable>
</resources>Now open your styles.xml file and paste this styling codes…
<!-- Day/light mode style -->
<style name="DayMode" parent="Theme.MaterialComponents.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#FFFFFF</item>
<item name="colorPrimaryDark">#FFFFFF</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowLightStatusBar" tools:targetApi="23">true</item>
<item name="android:windowLightNavigationBar" tools:targetApi="27">true</item>
<item name="backgroundColorApp">#FFFFFF</item>
<item name="toolbarColor">#FFFFFF</item>
<item name="toolbarTextColor">#80868B</item>
<item name="bottomNavIconColor">#5F6368</item>
<item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
<item name="actionBarTheme">@style/ThemeOverlay.AppCompat.Light</item>
</style>
<!-- night/dark mode style -->
<style name="NightMode" parent="Theme.MaterialComponents.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#202124</item>
<item name="colorPrimaryDark">#202124</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowLightStatusBar" tools:targetApi="23">false</item>
<item name="android:windowLightNavigationBar" tools:targetApi="27">false</item>
<item name="backgroundColorApp">#202124</item>
<item name="toolbarColor">#313235</item>
<item name="toolbarTextColor">#80868B</item>
<item name="bottomNavIconColor">#BDC1C6</item>
<item name="popupTheme">@style/ThemeOverlay.AppCompat.Dark</item>
<item name="actionBarTheme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>You need to change some other codes which important and I can not explain it here for that you need to watch the video so kindly watch that I hope you can understand if you can not then you can ask me in the comment… and all the codes are available on GitHub.GetCodes-> https://github.com/MonsterTechnoGit/Google-Phone-UI-Cloning/
I am really delighted to glance at this weblog posts which contains lots of useful
data, thanks for providing these information.
A person necessarily help to make seriously posts I’d state.
That is the very first time I frequented your website page and up to now?
I amazed with the analysis you made to create this particular post amazing.
Great activity!
There is definately a great deal to know about this topic.
I really like all of the points you’ve made.
Amazing! This blog looks exactly like my old one! It’s on a completely different topic but it has pretty much the same layout and design. Superb choice of colors!
I have been exploring for a bit for any high-quality articles or blog posts
in this kind of house . Exploring in Yahoo I ultimately stumbled upon this site.
Studying this information So i’m satisfied to
exhibit that I have an incredibly good uncanny feeling I
came upon just what I needed. I most indisputably will make certain to do not overlook this site and give it a glance on a relentless basis.
Good day! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to get my blog
to rank for some targeted keywords but I’m not seeing very
good gains. If you know of any please share. Cheers!
Hi there friends, how is all, and what you would like to
say regarding this piece of writing, in my view its genuinely remarkable in support of
me.
It is the best time to make a few plans for the long run and it’s time to be happy.
I’ve read this put up and if I may I desire to counsel you few interesting things or tips.
Maybe you could write subsequent articles relating to this article.
I want to learn even more things about it!
Really no matter if someone doesn’t know then its up to other
people that they will assist, so here it happens.
This paragraph gives clear idea in favor of the new visitors of blogging,
that truly how to do running a blog.
I learn something new and challenging on blogs I stumbleupon everyday.
A big thank you for your article.
I always spent my half an hour to read this web site’s articles or reviews daily along with a mug of coffee.
These are actually great ideas in concerning blogging.
I always used to study piece of writing in news papers but now as I am a user of net therefore from now I am using net for posts,
thanks to web.
Hi, its pleasant piece of writing regarding media print,
we all be aware of media is a impressive source of information.
My blog post – Situs Judi online
Hi, Neat post. There is an issue along with your site in web explorer, would test this?
IE nonetheless is the market leader and a large part of people
will miss your magnificent writing due to this problem.
I think this is among the most significant info for me.
And i am glad reading your article. But want to remark on some general things, The site style is ideal, the articles is really great :
D. Good job, cheers
I’m working on my very first blogging site. Yes I’m a beginner but after reading this post, I had an insight what pro did to become successful. Thank’s for this wonderful info’s. It helped me a lot. Goodluck to me!
Thanks for sharing. An awesome list of ideas to build on. I find simply asking what people think and a small prompt for a comment works.
It’s going to be ending of mine day, but before ending I am reading this fantastic paragraph to increase my knowledge.
I was examining some of your posts on this site and I think this site is rattling instructive!
Why visitors still use to read news papers when in this technological globe everything is presented on net?
Paragraph writing is also a fun, if you be familiar with after that you can write or
else it is difficult to write.
Hi i am kavin, its my first occasion to commenting anywhere, when i read this article i
thought i could also create comment due to this good post.
Thankfulness to my father who shared with me on the topic of this webpage, this weblog is genuinely amazing.
This article is truly a fastidious one it assists new web viewers, who are wishing for blogging.
Hi there! This post could not be written much better!
Going through this article reminds me of my previous roommate!
He continually kept preaching about this. I most certainly will forward
this post to him. Pretty sure he’s going to have a great read.
Many thanks for sharing!
Hi there to every one, for the reason that I am really
eager of reading this weblog’s post to be updated regularly.
It carries pleasant stuff.
I do accept as true with all the ideas you’ve presented in your post.
They are very convincing and can definitely work. Nonetheless, the posts
are too quick for novices. Could you please lengthen them a bit from subsequent time?
Thank you for the post.
Thanks for some other great article. Where else may just anybody get
that type of info in such an ideal method of writing?
I’ve a presentation subsequent week, and I’m on the search for such info.
I could not refrain from commenting. Very well written!
I’m really loving the theme/design of your site. Do you ever
run into any browser compatibility issues? A handful
of my blog visitors have complained about my blog not operating correctly in Explorer but looks great
in Firefox. Do you have any suggestions to help fix this problem?
Howdy! I’m at work surfing around your blog from my new iphone 4!
Just wanted to say I love reading through
your blog and look forward to all your posts! Carry on the great work!
I am extremely inspired with your writing talents as neatly
as with the layout to your blog. Is that this a paid subject matter
or did you modify it your self? Either way keep up the excellent quality writing, it’s rare to look a great blog like this one today..
Hello There. I discovered your weblog the use of msn. This is a really neatly
written article. I will make sure to bookmark it and return to learn extra of your useful info.
Thanks for the post. I will definitely return.
Wow, amazing weblog structure! How long have you been blogging for?
you made running a blog glance easy. The full look of your website is magnificent, as
well as the content material!
hello there and thank you for your info – I’ve definitely picked up anything new from right here.
I did however expertise a few technical issues using this site,
since I experienced to reload the web site a lot of times previous to I could get it to
load properly. I had been wondering if your web host is OK?
Not that I am complaining, but sluggish loading instances times will very frequently affect your placement in google and can damage your high-quality score if
advertising and marketing with Adwords. Well I am adding this RSS
to my e-mail and could look out for much more of your respective interesting
content. Ensure that you update this again soon. adreamoftrains webhosting
When I initially left a comment I appear to have clicked
the -Notify me when new comments are added- checkbox and from now on each time a comment is added
I receive 4 emails with the exact same comment. Is there an easy
method you can remove me from that service? Appreciate it!
I enjoy what you guys are up too. This sort of clever work and exposure!
Keep up the amazing works guys I’ve added you guys to my own blogroll.
discover our fine collections of swiss luxury rolex copy watches and exclusives timepieces for ladies and gents.
I do not even know the way I ended up right here,
but I believed this post used to be good.
I do not recognize who you are but definitely you are going to a well-known blogger in case you aren’t already.
Cheers!
Quality posts is the crucial to interest the visitors to pay a visit
the site, that’s what this web page is providing.
I constantly emailed this blog post page to all my contacts, for the reason that if
like to read it afterward my contacts will too.
Fantastic goods from you, man. I have be aware your stuff previous to and you are
just extremely magnificent. I actually like what you’ve
acquired here, certainly like what you are saying and
the best way in which you say it. You make it entertaining and you continue to
take care of to keep it smart. I can’t wait to read much more from you.
That is really a great web site.
I’m not sure where you’re getting your information, but good topic.
I needs to spend some time learning more or understanding more.
Thanks for wonderful info I was looking for this information for my mission.
Ahaa, its nice discussion regarding this post here at this website, I have read
all that, so now me also commenting at this place.