웹뷰는 안드로이드 위젯의 한 종류로 내장 웹브라우저

안드로이드 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 앱을 개발하는데도 많이 사용된다.

하이브리드 앱은 네이티브앱에 비해 개발이 비교적 쉽고, 기기간 호환성을 해결하기 상대적으로 편하다는 장점이 있으며,

HTML기반인 만큼 상대적으로 반응성이 약하고, 애니메이션등의 다양한 UI효과를 넣기 어렵다.


그럼에도 불구하고 SNS나 기타 서비스 앱에서는 타 웹사이트 링크로 가는 기능들을 제공하기 위해 웹뷰가 많이 사용된다.

웹뷰에 사용되는 브라우저는 우리가 일반적으로 사용하는 브라우저 수준은 아니며, 

안드로이드 OS에 맞게 일부 기늘들을 제외한 아주 기본적인 웹브라우저이다.


모바일 웹페이지    //    하이브리드 앱    //    네이티브 앱

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" 
    android:orientation="vertical">
    
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <EditText 
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_toLeftOf="@+id/main_btn_search"
        android:id="@+id/main_edt_url"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:id="@+id/main_btn_search"/>
    </RelativeLayout>
    <WebView 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/main_webView"/>
 
 
</LinearLayout>
 
cs

귄한부여(Manifest)

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


1
2
3
4
5
6
7
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" 
        android:hardwareAccelerated="true">
  하드웨어가속사용(성능향상) : 웹뷰나 미디어재생같은 기능 사용시
cs

findViewById

1
2
3
4
5
6
7
8
9
10
11
    private EditText uriEdt;
    private Button searchBtn;
    private WebView webview;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        uriEdt = (EditText) findViewById(R.id.main_edt_url);
        searchBtn = (Button) findViewById(R.id.main_btn_search);
        webview = (WebView) findViewById(R.id.main_webView);
    }
cs
1
2
3
4
        //이 함수를 생략하면 어플 위에 새창이 뜬다.
        webview.setWebViewClient(new WebViewClient());
        
        webview.loadUrl("http://pikac.tistory.com");
cs

1
2
3
4
5
6
7
8
9
10
11
12
        searchBtn.setOnClickListener(new View.OnClickListener() {
            
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                String url = uriEdt.getText().toString();
                if(!url.startsWith("http://")){
                    url = "http://" +url;
                }
                webview.loadUrl(url);
            }
        });
cs


1
2
3
4
5
6
7
8
9
10
11
        webview.setWebViewClient(new WebViewClient(){
 
            @Override
            public void onPageFinished(WebView view, String url) {
                // TODO Auto-generated method stub
                super.onPageFinished(view, url);
                urlEdt.setText(url);
                //page가 다 불려졌을때 현재 url을 url입력창에 세팅
            }
            
        });
cs


1. 웹브라우저스럽게 앞으로가기, 뒤로가기 버튼 추가, 눌렸을 때 웹브라우저 히스토리를 이용해 앞 뒤 이동하기

1
2
webview.goBack(); 뒤로가기
webview.goForward(); 앞으로가
cs

1
2
gobackBtn.setEnabled(webview.canGoBack());
goforwardBtn.setEnabled(webview.canGoForward());
   이동할곳 없을 시 비활성화cs


2. 외부가 아닌 html파일을 저장해놓고 로드하기

1
webview.loadUrl("file:///android_asset/ladder.html");
cs

3. 자바스크립트 코드 동작하기

1
webview.getSettings().setJavaScriptEnabled(true);
cs

4. 북마크 저장하기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
public class Bookmark {
    private int _id;
    private String name;
    private String url;
    private Date redDate;
    public int get_id() {
        return _id;
    }
    public void set_id(int _id) {
        this._id = _id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getUrl() {
        return url;
    }
    public void setUrl(String url) {
        this.url = url;
    }
    public Date getRedDate() {
        return redDate;
    }
    public void setRedDate(Date redDate) {
        this.redDate = redDate;
    }
    
} 모델 생성
 
cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.List;
 
import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteDatabase.CursorFactory;
import android.database.sqlite.SQLiteOpenHelper;
 
public class BookmarkDBmanager {
    private static final String DB_NAME = "bookmark.db";
    private static final String TABLE_NAME = "bookmark";
    public static final int dbVersion = 1;
    
    private SQLiteDatabase db;
    private Context context;
    private SQLiteOpenHelper openHelper;
    
    private class MySQLiteOpenHelper extends SQLiteOpenHelper{
        
        
        public MySQLiteOpenHelper(Context context, String name, CursorFactory factory, int version) {
            super(context, name, factory, version);
            // TODO Auto-generated constructor stub
        }
 
        @Override
        public void onCreate(SQLiteDatabase db) {
            // TODO Auto-generated method stub
            String sql = "create table"+TABLE_NAME + "id integer primary key autoincrement,"
                    + " name text, url text, regdate text";
            db.execSQL(sql);
            
        }
 
        @Override
        public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
            // TODO Auto-generated method stub
            
        }
        
    }
    public BookmarkDBmanager(Context context){
        this.context = context;
        this.openHelper = new MySQLiteOpenHelper(context, DB_NAME, null, dbVersion);
        db = openHelper.getWritableDatabase();
    }
    public void insertBookmark(Bookmark bookmark){
        ContentValues params = new ContentValues();
        params.put("name", bookmark.getName());
        params.put("url", bookmark.getUrl());
        params.put("regdate", new SimpleDateFormat("yyyy-MM-dd").format(bookmark.getRedDate()));
        db.insert(TABLE_NAME, null, params);
    }
    public List<Bookmark> selectAll(){
        Cursor cursor = db.rawQuery("select * from "+TABLE_NAME, null);
        List<Bookmark> list = null;
        while(cursor.isAfterLast()){
            Bookmark bookmark = new Bookmark();
            bookmark.setName(cursor.getString(1));
            bookmark.setUrl(cursor.getString(2));
            try {
                bookmark.setRedDate(new SimpleDateFormat("yyyy-MM-dd").parse(cursor.getString(3)));
            } catch (ParseException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            list.add(bookmark);
            cursor.moveToNext();
        }
        return list;
    }
}
 
cs


' IOT 기반 응용 SW과정 > Android, Arduino' 카테고리의 다른 글

Day109 아두이노  (0) 2016.08.29
Day107 안드로이드 브로드캐스트리시버  (0) 2016.08.25
Day103  (0) 2016.08.17
Day102 안드로이드  (0) 2016.08.11
Day101  (0) 2016.08.10

+ Recent posts

티스토리툴바