[Android] 안드로이드 WebView 사용하기

👼🏻 초보 안드로이드 개발자가 매번 구글링하기 싫어서 정리하는 블로그 👼🏻 

 

안녕하세요! 🙋🏻‍♀️

이번엔 대표적(?) 하이브리드 방식인

안드로이드 WebView 를 사용해서 만들어볼게요!

 

언제나 그랫듯 뷰부터 그립니다 🤗

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:orientation="vertical"
    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:layout_height="match_parent"
    tools:context=".MainActivity"
    android:padding="10dp">

    <WebView
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <Button
            android:id="@+id/btn_disney"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="disney"
            android:layout_marginRight="5dp"
            android:backgroundTint="#3F51B5"
            />
        <Button
            android:id="@+id/btn_netflix"
            android:layout_width="0px"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="netflix"
            android:layout_marginLeft="5dp"
            android:backgroundTint="#F44336"
            />
    </LinearLayout>

</LinearLayout>

언제나 뷰에 진심인편..... 🥴

 

아주 간단합니다!

불러올 Web이 그려져야 하는 공간에 WebView를 선언하고,

네이티브영역인 곳은 네이티브 영역으로 나누는거에요!

반응형

자 이제 코드로 넘어가볼게용

MainActivity

import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    
    // 전역변수
    WebView web_view;
    Button btn_disney, btn_netflix;

    // WebView 에 대한 셋팅
    WebSettings webSettings;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        web_view = findViewById(R.id.web_view);
        btn_disney = findViewById(R.id.btn_disney);
        btn_netflix = findViewById(R.id.btn_netflix);
        
        // WebView 에 대한 셋팅
        webSettings = web_view.getSettings();
        webSettings.setJavaScriptEnabled(true); // javaScript 사용 가능 여부
        webSettings.setBuiltInZoomControls(true); // 축소 확대 가능 여부
        webSettings.setDisplayZoomControls(false); // 돋보기 기능 여부

        web_view.loadUrl("https://www.google.com"); // 디폴트로 설정

        btn_disney.setOnClickListener(clickListener);
        btn_netflix.setOnClickListener(clickListener);
    }


    View.OnClickListener clickListener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            switch (view.getId()) {
                case R.id.btn_disney:
                    web_view.loadUrl("https://www.disneyplus.com/ko-kr");
                    break;
                case R.id.btn_netflix:
                    web_view.loadUrl("https://www.netflix.com/kr/");
                    break;
            }
        }
    };

}

 

자 이제 어떻게 되는지 한번 볼까요?

SMALL

 

 

완전 초초초초초 간단간단 WebView 사용법이었습니다!

봐주셔서 감사합니다 🥰