Android
 Computer >> コンピューター >  >> プログラミング >> Android

Android WebViewでjavascriptを介してHTMLボタンのクリックを検出する方法は？

この例は、Androidデバイスをプログラムでロックする方法を示しています。

ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。

ステップ2 −次のコードをres / layout / activity_main.xml

に追加します 
<? xml version= "1.0" encoding= "utf-8" ?>
<RelativeLayout xmlns: android = "https://schemas.android.com/apk/res/android"
   xmlns: tools = "https://schemas.android.com/tools"
   android :layout_width= "match_parent"
   android :layout_height= "match_parent"
   android :layout_margin= "16dp"
   tools :context= ".MainActivity" >
   <Button
      android :onClick= "loadPage"
      android :layout_width= "match_parent"
      android :layout_height= "wrap_content"
      android :text= "Load web Page" />
</RelativeLayout>

ステップ3 −次のコードをassets / page.html

に追加します 
<html>
   <body>
      First name: <input type= "text" name= "fname" id= "txtfname" ><br>
      Last name: <input type= "text" name= "lname" id= "txtlname" ><br>
      <script>
         function getValues() {
            document.getElementById("btnOK").value =
            document.getElementById("txtfname").value+"
            "+document.getElementById("txtlname").value;
         }
      </script>
      <button type= "button" value= "" id= "btnOK" onclick= " getValues();ok.performClick(this.value); " > OK </button>
   </body>
</html>

ステップ4 −次のコードをsrc / MainActivity

に追加します 
package app.tutorialspoint.com.sample ;
import android.os.Bundle ;
import android.support.v7.app.AppCompatActivity ;
import android.view.View ;
import android.webkit. JavascriptInterface ;
import android.webkit.WebSettings ;
import android.webkit.WebView ;
import android.widget.Toast ;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate (Bundle savedInstanceState) {
      super .onCreate(savedInstanceState) ;
      setContentView(R.layout. activity_main ) ;
   }
   public void loadPage (View view) {
      WebView browser = new WebView( this ) ;
      browser.getSettings().setJavaScriptEnabled( true ) ;
      browser.loadUrl( "file:///android_asset/page.html" ) ;
      setContentView(browser) ;
      WebSettings ws = browser.getSettings() ;
      ws.setJavaScriptEnabled( true ) ;
      browser.addJavascriptInterface( new Object() {
         @JavascriptInterface // For API 17+
         public void performClick (String strl) {
            Toast. makeText (MainActivity. this, strl , Toast. LENGTH_SHORT ).show() ;
         }
      } , "ok" ) ;
   }
}

ステップ5 −次のコードをandroidManifest.xmlに追加します

<? xml version= "1.0" encoding= "utf-8" ?>
<manifest xmlns: android = "https://schemas.android.com/apk/res/android"
   package= "app.tutorialspoint.com.sample" >
   <uses-permission android :name= "android.permission.CALL_PHONE" />
   <application
      android :allowBackup= "true"
      android :icon= "@mipmap/ic_launcher"
      android :label= "@string/app_name"
      android :roundIcon= "@mipmap/ic_launcher_round"
      android :supportsRtl= "true"
      android :theme= "@style/AppTheme" >
      <activity android :name= ".MainActivity" >
         <intent-filter>
            <action android :name= "android.intent.action.MAIN" />
            <category android :name= "android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
      <receiver
         android :name= ".DeviceAdmin"
         android :description= "@string/app_description"
         android :label= "@string/app_name"
         android :permission= "android.permission.BIND_DEVICE_ADMIN" >
         <meta-data
            android :name= "android.app.device_admin"
            android :resource= "@xml/policies" />
         <intent-filter>
            <action android :name= "android.app.action.DEVICE_ADMIN_ENABLED" />
         </intent-filter>
      </receiver>
   </application>
</manifest>

アプリケーションを実行してみましょう。実際のAndroidモバイルデバイスをコンピューターに接続していると思います。 android studioからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行]アイコンをクリックします。オプションとしてモバイルデバイスを選択し、デフォルトの画面を表示するモバイルデバイスを確認します–

Android WebViewでjavascriptを介してHTMLボタンのクリックを検出する方法は？


  1. AndroidでHTMLを解析する方法は？

    この例は、AndroidでHTMLを解析する方法を示しています。 ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。 ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="https://schemas.

  2. デバイスを検出する方法はAndroid携帯電話またはAndroidタブレットですか？

    この例は、デバイスがAndroidフォンまたはAndroidタブレットであることを検出する方法を示しています。 ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。 ステップ2 −次のコードをres / layout/activity_main.xmlに追加します。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:androi