Computerworld: Android

Hiển thị các bài đăng có nhãn Android. Hiển thị tất cả bài đăng

How to create webview and load html code into that WebView using android java

tháng 8 18, 2016 / in Android, Java, WebView / with No comments /

This post shares some useful information about the WebView. We will see how to create a new WebView and how to load a html code into the newly created WebView in android. In the previous post we saw about creating WebView in android studio.

In case if you missed it please click here

WebView is a view that display web pages inside an application. We can also specify html string and can show it inside your application using WebView. WebView turns your application to a web application.

To load a html code into a WebView use the following code

Code to load html code directly into WebView

String html = "<html><body>This is the test webview</body></html>";
String mime = "text/html";
String encoding = "utf-8";








WebView myWebView = (WebView)this.findViewById(R.id.myWebView);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.loadDataWithBaseURL(null, html, mime, encoding, null);

Download

Different image for focused,pressed and normal state in android button

tháng 8 15, 2016 / in Android, Image / with No comments /

In this tutorial we are going to learn about the android button and every state (pressed,focused and normal) of an image when placed on that button.

1) First create a new project in android studio more details...

2) Remove the TextView code from activity_main.xml, create a button in your project by using the following code or tools.

<Button
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:background="@drawable/btnhome_new" />

Note:
In the above image you can see an error @drawable/btnhome_new. This is because the program contains the file btnhome_new.xml on drawable directory, which is not yet created.

3) Now we are going to create a file btnhome_new.xml on drawable directory.
a) Right click on the drawable directory => New => Drawable resource file

b) Now a file is opened btnhome_new.xml just remove all the code from that file and replace with the code given below.

Note : Once we create this file the error(@drawable/btnhome_new) will be removed from activity_main.xml.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btnblue"
        android:state_pressed="true" />
    <item android:drawable="@drawable/btnrose"
        android:state_focused="true" />
    <item android:drawable="@drawable/btnred" />
</selector>

Selector added in a xml file in android.jpeg

You can see some errors in this code
@drawable/btnblue
@drawable/btnrose
@drawable/btnred

Because btnBlue.jpg , btnRose.jpg and btnRed.jpg are not in drawable directory.
4) Now we are going to create all these files in drawable directory.

Copy the images to drawable directory.

     Paste the copied images to drawable directory.

Paste the copied images to android drawable folder

     A dialog box will ask for confirmation, just press ok.

     Now the images are placed into drawable folder, and you can see that the error has been removed.

Successfully removed the error in android

Note : Image name should not contain capital letters.

Download

Create first webview in android studio

tháng 8 10, 2016 / in Android / with No comments /

Webview is a tool in android studio and it is used to load html or website to mobile, through this we can easy to create the android application through html,css and javascript code.

1) First create a new project in android studio more details...

2) Open activity_main.xml file under the layout folder.

3) Copy the following code to the activity_main.xml

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>

When you add the code to activity_main.xml you can see the preview by clicking Design.

4) You must set internet permission in AndroidManifest.xml. Open AndroidManifest.xml file and enter the following code.

<uses-permission android:name="android.permission.INTERNET" />

add android.permission.Internet user permission in android

5) Open MainActivity.java file and modify it by the below steps.

a) import the following class

import android.webkit.WebView;
import android.webkit.WebViewClient;

b) When you want to load the url to your webview, just call the below code.

        WebView myWebView = (WebView) findViewById(R.id.webview);
        myWebView.setWebViewClient(new WebViewClient());
        myWebView.loadUrl("http://www.google.com");

6) Now you are done with your first webview, just run the code.

Download

How to create new project in android studio?

tháng 8 06, 2016 / in Android / with No comments /

1) Open Android studio, then find the File option from the menu bar and go to New => New Project.

2) Now one new dialog box is open and ask the project details Application name, Company Domain and project location.

Application name
No need to enter unique name compare with playstore, this name is displayed under the application icon.

Company Domain
It must be unique compare between the google play store (If you created the name and the same name already in playstore it won't show any error message, but in publishing time it will show a error).

Project Location

It will automatically take the previous project path, if you want the same path no need to change it, or you can change.

3) Then press Next button
In this window select the minimum target SDK ,wear, TV, and Android auto.

Minimum SDK
Here you can select the minimum required android os version.

Wear

This mean is this application support wearable android device or not (If yes then check or uncheck it).

Android TV
It will indicate this application is applicable for Android TV.

Android auto

4) Click next in this dialog box, you can find some template, if you want any templates from there you can select otherwise select "Blank Activity".

Blank Activity in android studio new project

5) Click next and enter the activity name, layout name, title and menu resource name, you can change it or leave it and just press finish button.

6) Click Finish. Now you can write your code here.

How to set the SDK, NDK and JDK path to android studio?

tháng 8 05, 2016 / in Android / with No comments /

If you want to set the SDK path directly you can set it to in local.properties like below

sdk.dir=D\:\\Program Files\\Android Studio\\SDK

If you want to set the NDK path directly you can set it to in local.properties like below

ndk.dir=C\:\\android-ndk-r12b-windows-x86\\android-ndk-r12b

We can set the path by selecting folder by using the below method. After open the android studio press Ctrl+Shift+Alt+S

Select NDK SDK and JDK directly from tools

HTML Editor for android app - HTML Code Play

tháng 3 03, 2016 / in Android / with No comments /

HTML code play is a android app for learn the following programming languages

html
css
javascript
jquery
angularjs
knockoutjs
materialize css
lumx

Each and every example is manually selected and it is should be very easy to learn for starter and every one.

Google play link is
https://play.google.com/store/apps/details?id=com.HTML.AngularJS.Codeplay

Some screen shot are shown below,

HTML Code Play - HTML Editor Android app