목록안드로이드/View (20)

Developer Geek

[Android] TabLayout Under Line

[Android] TabLayout Under Line 개요 TabLayout 하단 전체에 밑줄을 그리는 방법을 간단히 공유합니다. 배달의 민족 앱에서 하단 "찜"탭 화면에 진입하면 상단 탭에 회색 밑줄이 있는데 이를 비슷하게 구현했습니다. 예시: 배달의 민족 > 찜 결과 화면 Code rectangle_underline_gray.xml: TabLayout's Background activity_main.xml
안드로이드/View 2023. 7. 22. 16:58
[Android] WebView ProgressBar Sample

WebView ProgressBar 구현 개요 ProgressBar ProgressBar는 사용자에게 작업 진행률을 나타내는 사용자 인터페이스 컨트롤이다. 예를 들면 인터넷에서 파일을 다운로드하거나 업로드 할 때, 우리는 ProgressBar을 통해서 작업 진행 상황을 파악할 수 있다. ProgressBar에 대한 자세한 내용은 다음을 참고하면 도움이 될 것이다. 안드로이드 프로그래스바 안드로이드 원형 프로그래스바 in Kotlin 안드로이드 프로그레스바란 Android ProgressBar in Kotlin ProgressBar는 사용자에게 작업 진행률을 나타내는 사용자 인터페이스 컨트롤이다. 예를 들면 인터넷에서 devgeek.tistory.com 안드로이드 원형 프로그레스바 in Kotlin 안드로..
안드로이드/View 2022. 12. 22. 22:39
[Android] WebView 이미지 업로드

WebView 이미지 업로드 WebChromeClient WebCrhomeClient는 웹 페이지에서 일어나는 액션들에 대한 콜백함수들로 구성되어 있다. 예를 들면 웹에서 새 창을 띄우려거나 파일을 첨부하는 경우가 있다. webView.webViewClient = WebViewClient() WebchromeClient.onShowFileChooser() webView.webChromeClient = object : WebChromeClient() { override fun onShowFileChooser(webView: WebView?, filePathCallback: ValueCallback?, fileChooserParams: FileChooserParams?): Boolean { this@Main..
안드로이드/View 2022. 12. 2. 19:34
[Android] WebView Bridge And JS Call

WebView Bridge And JS Call 개요 WebView 란 WebView란 프레임워크에 내장된 웹 브라우저 컴포넌트로 View의 형태로 앱에 임베딩당하는 것을 말한다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해서 혹은 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 앱을 개발하는데 많이 사용된다. 간단한 브릿지 개념 Bridge(브릿지)란 Android와 WebView의 통신을 위해 만들어진 JavaScript용 Interface이다. Web에서 발생하는 이벤트에서 Android 동작(메서드)을 직접적으로 통제할 수 없기 때문에 Bridge라는 통로를 통해 Web에서 Android 동작을 호출한다. Bridge는 WebView에 적용될 I..
안드로이드/View 2022. 11. 25. 15:37
[Android] WebView의 JS 함수 호출

WebView의 JS 함수 호출 개요 안드로이드에서 웹뷰를 구현하다 보면, 웹과 통신이 필요한 경우가 있다. 데이터를 수신받아서 네이티브(안드로이드)에서 동작이 수행되어야 하는 경우에는 브릿지를 이용할 수 있다. 반대로 데이터를 송신해야 하는 경우에는 웹에서 구현된 Javascript 함수를 이용할 수 있다. 예를 들어 브릿지를 통해서 네이티브로 다이얼로그를 생성했고, 만약 [동의] 또는 [취소] 버튼을 눌러서 웹에서 동작을 수행해야 할 경우 앱에서는 웹에게 값을 전달해야할 것이다. 이때 콜백 함수처럼 웹에서 구현된 Javascript 함수를 네이티브로 앱에서 호출 할 수 있다. webView.loadUrl("javascript:function_name(params)") 안드로이드에서 웹뷰에 연결된 웹의..
안드로이드/View 2022. 11. 22. 20:53
[Android] WebView Bridge Basic Sample

WebView Bridge WebView 란 WebView(웹뷰)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해서 혹은 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 애을 개발하는데에도 많이 사용된다. 자세한 내용은 다음을 참고. [Android] WebView란 WebView 정의 웹뷰(WebView)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해 devgeek.tistory.com WebView Bridge 란 Bridg..
안드로이드/View 2022. 9. 30. 20:21
[Android] Spannable Click Event Example

Spannable Click Event Example 개요 Spannable과 ClickableSpan을 이용하여 텍스트 뷰의 특정 문구를 눌렀을 때, 심어둔 링크를 바탕으로 웹페이지를 열도록 한다. 여기서는 "안드로이드 개발을 공부하는 신입 개발자입니다. 궁금하시다면 여기로 오시면 제 블로그를 방문하실 수 있습니다." 문장에서 여기에 블로그 링크를 심어서 동작하도록 해보겠다. 앱 실행 화면 Code build.gradle(Module): ViewBinding 사용 android { ... buildFeatures{ viewBinding = true } ... } activity_main.xml MainActivity.kt import android.content.Intent import android...
안드로이드/View 2022. 9. 25. 08:30
[Android] RecyclerView 아이템 여백 설정

GridSpaceItemDecoration: RecyclerView 아이템 여백 설정 개요 RecyclerView를 통해서 Grid 형태의 아이템들을 그려야할 때, 단순히 아이템의 레이아웃만으로 일정한 여백을 추가하기는 까다롭다. 예를 들어 SpanCount = 2이고 각 아이템에 20dp에 해당하는 Padding 값을 할당했다고 한다면, 다음과 같이 아이템 간의 사이는 40dp가 되고 상하좌우의 끝의 여백만이 20dp가 될 것이다. 물론 RecyclerView의 Padding 값을 20dp로 추가로 설정한다면 모든 간격이 40dp로 일정하게 만들수는 있다. 하지만 아이템의 여백 설정을 위해 2가지 아이템(2가지 레이아웃 파일)에서 관리하는건 유지보수 하는 입장에서 좋지 않다. 그래서 ItemDecora..
안드로이드/View 2022. 9. 24. 15:49
이전 Prev 1 2 3 Next 다음