fbpx
Add Image to Android app

Add Image to Android app

Add PNG Icon to Android app

 

In this article, let discuss on

Add PNG Icon to Android app

Let us see how to Add PNG icon to Android App. In the end you your app will use the icon you have added for the android application.

 In this article I’m going to use the existing android project created as part of this article Make WordPress as Android App. This Follow the code repo used  ).

How to Add PNG Icon to Android App?

You can add Image assets by Right click on the location where the image or icon need to be placed.

See below screenshot for the Menu option in Android Studio.

  • After right-click drawable folder, Choose New > Image Assets
  • You need to choose the image or icon from the browse menu under Source Asset section of Foreground Layer Tab.
  • Adjust the Scaling according to the image or icon output.
  • Go to Background Layer tab and adjust the background color or image accordingly.
  • Once done, click Finish (Note: Try to keep the same name as the previous icon file name, if you are replacing the icon)
  • Run the App to see the new Icon changed.
intellij add image asset menu
Balamurugan T

Balamurugan T

October 22, 2021

Senior Developer | Java & C#.NET | 10++ years of IT experience.

Planning to learn ReactJS or Angular or Flutter.!

Make WordPress as Android App

Make WordPress as Android App

Make WordPress as Android App

In this article, let discuss on

Make WordPress as Android App

Make WordPress as Android App. Yes, follow the article from top to bottom and do not miss out anything. In the end you will see your website or WordPress blog in Android phone as an application.

You can also publish the app in Google Play Store or any eco-system for Android apps (Such as Amazon app store, Samsung galaxy app store, Honor/Huawei App Gallery and So on).

How to Make WordPress as Android App?

Converting WordPress blog or Website is easy if you have hands-on with Android Studio and Android SDKs.

               Yes, you need to know little bit of java coding knowledge and basics of Android application development. Do not worry if you have very little knowledge on these both should also be fine. If you follow this article carefully.

Balamurugan T

Balamurugan T

October 20, 2021

Senior Developer | Java & C#.NET | 10++ years of IT experience.

Planning to learn ReactJS or Angular or Flutter.!

Setup ReactJS to create your first hello world

ReactJS environment setup in Windows using NodeJS, npm and few modules

Setting up ReactJS Locally (Windows)

Preface:

In this article, we are going to see how to setup ReactJS locally (Windows).

Prerequisites:

  • NodeJS
  • npm & npx (if npx is not installed use the below command
    npm install -g npx

Using the create-react-app command:

npm command
npx create-react-app hello-world-react-app
npx command executed

Once the npx command is successfully executed, you will be seeing the screen as above image.

Now we are good to start our first ReactJS app.

we need to go inside our react application folder.

cd hello-world-react-app
npm start

once you are inside the reactjs application folder, start the web development server (webpack) using npm start command.

ReactJS App started and url is printed in terminal/command

Once you click on the link, it should open browser window with the URL clicked. http://localhost:3000/

ReactJS App Launched in Browser

Pro Tip:

You do not need to restart the webpack everytime, just make changes to your RectJS Application code and save it, it will be automatically rebuild and reloaded in the browser.

Balamurugan T

Balamurugan T

August 11, 2021

Java & C#.NET Developer with 10++ years of IT experience.

Planning to learn ReactJS or Angular or Flutter.!