Hi, Today I am going to show How to Make Android App fit all Screen Sizes. Last Post I have shown you How to Integrate Admob ads in Webview. Let's Start.

Then you have to Make different files for different sizes of the display. Like in my project have a splash screen, I will make different activity file for different display sizes.

First, you have to click on the right side of the mouse, then select new-->Layout Resource File. Also, you have to give the exact same name which name has your default activity.xml file. In my case, my file name is "activity_splash.xml" in Webview App. I will provide that name in the file name scope, As you can see my splash screen has "RelativeLayout" so I have selected Root element RelativeLayout.

Then you can see on the left side has a "size" option, you need to click on that. you will see there has Small, Normal, Large, X-Large option. You have select which size you want. Then click on OK.


This way create other files. And for the landscape mode, you need to create also the same way but have written there "land" such as layout-small-land.


If you want to create a screen for a tablet, then you need to write layout-sw600dp. 600 dp used for small to 7-inch tablet screen support, for 10-inch or higher screen you need to create the same way 720dp.



Then copy the code from the original activity file, then paste the code in all the activity files in your Webview App. 

That's it. In the next video, the second part will be discussed which is about image fitting in Webview App according to the activity we have created here. If you face still a problem, Watch the video above and follow my guidelines. Thank you.

You can see in the above video, my app is crashing when I am running my Webview App on Android Studio. you can see no errors appear in my code, but my app is crashing. 

For finding the reason first click on the "Logcat" from the android studio, then you will see there is opened a window. There you will select your device, then select your project, then select the "Error".

You can see there is an "Underlined Blue color word", click on that it will show the file name and the code line number where you have an error. There will also show you the reason why your app is crashing. In my case, I have a problem in the "MainActivity.java" file on 125 number line code,  My Webview App is crashing for a null object reference.

Because I have taken a variable, but I have not initialized it in OnCreate, also I have not stored my layout design o that variable but I have written function using that variable, So it is showing null object reference. 

Now I will give the object reference on that function and then will run my project again. You can see in the video this time my Webview App is running perfectly, not crashing anymore. So I have solved my app crashing problem. You can solve find your app crashing reason and solve this way.

By the way, if you want to know in your app which code is executing, what is happening in your app. you can select Debug from the Logcat. You will be able to see everything there. See you in the next post. Thank you.

First, open your project with Android studio, Then go to your "build.gradle(Module: App)" file, then paste below facebook ad network dependency in the dependencies section.

Now in the "MainActivity.xml" file initialize the Facebook Ad network SDK.


Then move to the layout file "activity_main.xml" file and paste the below code, if you want to show your ads in the top of the page then paste this code above, and if you want to show your ads in the bottom of the page then paste below code bottom in the "activity_main.xml" file.

Now go to the "MainActivity.java" file, then take an AdView private variable

Then you need to paste the below code after initializing SDK code below:

To get test ads, add "IMG_16_9_APP_INSTALL#" to your placement id. Remove this when your app is ready to serve real ads.

Now you can run your project on Emulator or on your real devices. You can see there will be test ads.

if you want to run your project on Emulator, then add the below line. You will get the hashed ID that is printed to logcat when you first make a request to load an ad on a device.

After testing done, you need to remove that line also. So, before going to live your final code will be


That's it, We have successfully integrated Facebook Ads in our App. If you face any problem in coding, you can comment below. We will try our best to help you. Thank you.

Hi Everyone, Our Webview App Development Series almost completed. We have added all the basic functionality in our App. Now we will add Admob ads in our Webview app. So that we can earn from our App. Last post I have shown you How to create an Admob account. If you don't have an Admob account, you can follow my last post.

By the way, Today I will show you how to create ad units in Admob and also how to integrate ads in our Webview App. Let's Start.

Hi Everyone, Today I will show you How to Create an Admob Account in 2020. 
 First, you need to enter Admob. Then you will see two buttons there one is Sign in Another one is Sign up.

As we are going to create an account. So we need to click on the Sign up button.



After click sign up button, it will ask you to enter your Gmail Account. You need to enter your Gmail which doesn't have an Admob account.


Then you need to enter your Gmail password. Then click on the "Next" button.


After that you need to click on the "Create Admob Account" button.

First, we will design the layout in "activity_main.xml" file for showing no internet connection on our app.

For that, First of all, I will take a Relative layout inside our LinearLayout. Inside relative layout, we will take an Imageview, a Texview and a Button. 

In "ImageView" we will show our image. First I will copy my image and will paste onto "drawable" folder. Then we will write below code in activity_main.xml below the SwipeRefreshLayout which we have taken when we have done Pull to Refresh in our Webview App.

Then Below "ImageView" will take a TextView. Inside that textview we will display our text like "No Internet Connection". For that, we will take width, height, text alignment, text color, margin, id.

After that, We will take a button, the button text will "Retry" and will take id, height, margin and so on.

So the whole code will be in activity_main.xml is with SwipeRefreshLayout :

We have finished writing code in activity_main.xml.Now we will move to the "MainActivity.java". First, we will declare a Relative layout called "relativeLayout" and a button called "NointernetBtn".

After that, we will initialize them in onCreate.

Now we will write a function below onCreate. Inside that function, we will write conditions as if our mobile data is connected, then load our website in webview.

Else if wifi is connected then also load our website. Else show our no internet design what we have designed in the relative layout on activity_main.xml.

Now we will call our function "internetcheck()" in onCreate. After that, you can run your webview project, turn off your mobile data and then check you will see when mobile data or wifi is not connected it is showing our No internet page instead of the default error page.



Now we will write code for the "Retry" button in oncreate below where we have initialized our relative layout and button.

Now if you run your project again and click on the retry button, it will reload your website. As you can see we have written code for internet connection checking and it's working. And also if we click on the Retry button it is also successfully working.

But we have not fully done yet. If you notice suppose your Webview App is running then you just turn off your internet connection you will see it's showing you default error page not showing your custom error design. Because we have written function "internetcheck()", it will just check one time when our app will start. So, we will solve this problem also.

For that, We will call the override method "onReceivedError" in "WebViewClient". Inside it, will call internetcheck() function.

So the overall code will be in "MainActivity.java" with SwiperefreshLayout is:



That's it. We have done it successfully. In the Next Post, I will show you how to implement AdMob ads in Webview app. Stay tuned, Thanks.

Hi, In the previous post I have shown you How to Add Exit Dialog In Android Webview App. Today I am going to show you the solution to a common problem which every beginner face during the Android app development.