차근차근/Android

android webview 가득찬 이미지, 중앙 정렬

예쁜꽃이피었으면 2014. 7. 29. 00:52
전용뷰어 보기

 

 

안드로이드 웹뷰 가득찬 이미지, 중앙정렬 -

http://87nyunseng.tistory.com/entry/android-webview-%EA%B0%80%EB%93%9D%EC%B0%AC-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%A4%91%EC%95%99-%EC%A0%95%EB%A0%AC

 

xml

<LinearLayout
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:layout_weight="1"
       android:padding="10sp"
       android:orientation="vertical">
       <WebView 
           android:id="@+id/webview01"
           android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              />
  </LinearLayout>

 

java
 public  String creHtmlBody(String imagUrl){
   StringBuffer sb = new StringBuffer("<HTML>");
   sb.append("<HEAD>");
   sb.append("</HEAD>");
   sb.append("<BODY style='margin:0; padding:0; text-align:center;'>");    //중앙정렬
   sb.append("<img src=\"" + imagUrl+"\">");    //지 비율에 맞게 나옴

   sb.append("<img width='100%' height='100%' src=\"" + imagUrl+"\">"); //가득차게 나옴

   sb.append("</BODY>");
   sb.append("</HTML>");
   return sb.toString();
 }

 

 public void imgcng(String url1){

  WebView webview01;

  webview01  = (WebView) findViewById(R.id.webview01);


  webview01.setVerticalScrollBarEnabled(false);
  webview01.setVerticalScrollbarOverlay(false);
  webview01.setHorizontalScrollBarEnabled(false);
  webview01.setHorizontalScrollbarOverlay(false);
  webview01.setInitialScale(100);
  webview01.loadDataWithBaseURL(null,creHtmlBody(url1), "text/html", "utf-8", null);

}

 

 

웹뷰에서 이미지 여백없이 나오세 하는 방법 -

http://ondestroy.tistory.com/21

 

WebView 에서 이미지만 출력하다 보면 이미지 양옆이나 위로 여백이 나올때가 많습니다. 

html body에서 <BODY  style='margin: 0; padding: 0'>  처리를 해주면 풀사이즈로 정확하게 나옵니다..

 

--------------------------------------------------------------------------------------

 

img_Show(){

WebView p_imge = (WebView)findViewById(R.id.cimage);

p_imge.setVerticalScrollBarEnabled(false);

p_imge.setVerticalScrollbarOverlay(false);

p_imge.setHorizontalScrollBarEnabled(false);

p_imge.setHorizontalScrollbarOverlay(false);

p_imge.setInitialScale(100);


 

 

if(IMAGE_FILE==null){//이미지 파일이 없으면 앱내에서 지정된 이미지를 뿌려주고 

p_imge.setBackgroundColor(0);

p_imge.setBackgroundResource(R.drawable.photo);

}else{// 이미지 파일이 있으면 

p_imge.loadDataWithBaseURL(null,   creHtmlBody("http://globalstar.co.kr/upload/small/image/"+IMAGE_FILE), "text/html", "utf-8", null);

}

}

 

 

public  String creHtmlBody(String imagUrl){

StringBuffer sb = new StringBuffer("<HTML>");

sb.append("<HEAD>");

sb.append("</HEAD>");

sb.append("<BODY  style='margin: 0; padding: 0'>");

sb.append("<img width=\"100%\" height=\"100%\" src=\"" + imagUrl+"\">");

sb.append("</BODY>");

sb.append("</HTML>");

return sb.toString();

}

 

 

 

setInitialScale,

웹뷰 크기조절, jsp이런거 구글에 치면 조금 나오는 듯

 


반응형