'WebView'에 해당되는 글 2건

  1. 2012.07.18 아이폰 WebView 만들기 예제 따라하기
  2. 2012.01.19 안드로이드 WebView 예제 따라하기
C/Objective C/ios2012.07.18 11:36

- 아이폰의 WebView를 이용하여, 인터넷 창을 띄울수 있다.

- 이를 활용하여 하이브리드 앱을 만들 수 있다.


- 화면 디자인

- WebView 만들기 순 서

1. Xcode 실행
2. Single View Application
3. Project Name : “WebViewTest”
4. storyboard에 Web View 위치
5. Assistant Editor로 Web View 드래그 6. “myWebView” 입력
7. ViewController.m 파일에 입력

-(void)viewDidLoad {

[super viewDidLoad];

NSURL *myURL = [NSURL URLWithString:@“http://www.naver.com”]; NSURLRequest *myURLReq = [NSURLRequest requestWithURL: myURL]; [myWebView loadRequest:myURLReq];

}

page5image7168

8. 실행 


- ViewController.m 소스코드


#import "ViewController.h"


@interface ViewController ()


@end


@implementation ViewController

@synthesize myWebView;

@synthesize myTextField;

@synthesize myGo;

@synthesize myBack;


- (void)viewDidLoad

{

    [super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

NSURL *myURL = [NSURL URLWithString:@"http://www.naver.com"];

NSURLRequest *myURLReq = [NSURLRequest requestWithURL:myURL];

[myWebView loadRequest:myURLReq];

}


- (void)viewDidUnload

{

    [self setMyWebView:nil];

[self setMyTextField:nil];

[self setMyGo:nil];

[self setMyBack:nil];

    [super viewDidUnload];

    // Release any retained subviews of the main view.

}


- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation

{

if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {

    return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);

} else {

    return YES;

}

}


- (IBAction)myButton:(id)sender {

if(sender == myGo){

NSURL *myURL = [NSURL URLWithString:myTextField.text];

NSURLRequest *myURLReq = [NSURLRequest requestWithURL:myURL];

[myWebView loadRequest:myURLReq];

[myTextField resignFirstResponder];

}

else if(sender == myBack)

[myTextField resignFirstResponder];

}

@end


- 실행 화면



신고
Posted by Namseungil
JAVA/Android2012.01.19 17:14
- WebView를 이용해서 홈페이지를 내 App에 보여줌으로써, 내 것처럼 사용 할 수 있다.
- 웹언어를 이용해서 App을 만들 수 있다는 말이 된다.

-Java 소스
public class Ex12_WebVIewActivity extends Activity implements OnClickListener {
WebView mWeb;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

mWeb = (WebView) this.findViewById(R.id.web1);
mWeb.setWebViewClient(new WebViewClient());

WebSettings set = mWeb.getSettings();
set.setJavaScriptEnabled(true);
set.setBuiltInZoomControls(true);

mWeb.loadUrl("http://www.naver.com");
Button btn = (Button) this.findViewById(R.id.Button1);
btn.setOnClickListener(this);
Button btn2 = (Button) this.findViewById(R.id.Button2);
btn2.setOnClickListener(this);
Button btn3 = (Button) this.findViewById(R.id.Button3);
btn3.setOnClickListener(this);
Button btn4 = (Button) this.findViewById(R.id.Button4);
btn4.setOnClickListener(this);
Button btn5 = (Button) this.findViewById(R.id.Button5);
btn5.setOnClickListener(this);

}

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
EditText addr = (EditText) this.findViewById(R.id.etn1);
switch (arg0.getId()) {
case R.id.Button1: // 사용자가 원하는 사이트가기
String url = addr.getText().toString();
mWeb.loadUrl(url);
break;
case R.id.Button2: // 뒤로가기
mWeb.goBack();
break;
case R.id.Button3: // 앞으로가기
if (mWeb.canGoForward()) {
mWeb.goForward();
}
break;
case R.id.Button4:
mWeb.loadUrl("file:///android_asset/test.html");
break;
case R.id.Button5:
mWeb.loadUrl("http://www.google.com");
break;
}
}
}
 
- xml 소스
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/etn1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/Button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:text="Go" />

        <Button
            android:id="@+id/Button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:text="Back" />

        <Button
            android:id="@+id/Button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:text="Forward" />

        <Button
            android:id="@+id/Button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:text="Local" />

        <Button
            android:id="@+id/Button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:text="Home" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <WebView
            android:id="@+id/web1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
    </LinearLayout>

</LinearLayout>

- 실행 화면


신고
Posted by Namseungil