티스토리

미미송송

검색하기

블로그 홈

미미송송

mimisongsong.tistory.com/m

문의 : ksongmi0727@gmail.com

구독자: 4

방명록 방문하기

728x90

반응형

주요 글 목록

[안드로이드 스튜디오 코틀린]로그인 후 BottomBar가 있는 홈화면 진입하는 간단 예제 (with Compose) 이번에 만들어 볼 예제는 로그인 화면 -> 바텀바가 있는 홈화면-> 로그아웃이 있는 설정화면 -> 다시 로그인 화면 (바텀바 없이) 입니다. -> 로그아웃 버튼을 누르면 다시 바텀바가 없는 login화면으로 이동합니다. 우선 build.gradle(app)에 아래를 추가해줍니다. // NavController 사용을 위한 추가 implementation 'androidx.navigation:navigation-runtime-ktx:2.7.7' implementation 'androidx.navigation:navigation-compose:2.7.7' // hiltViewModel() 사용을 위한 추가 implementation 'andr.. 공감수 1 댓글수 0 2024. 9. 11.
[안드로이드 스튜디오 코틀린] Compose로 아이폰 Dialog 같은 Custom Dialog 만들기 Compose로 아이폰 느낌의 Custom Dialog 를 만들어봅시다 이런 느낌의 Dialog를 Compose로 구현해보겠습니다. 프로젝트를 생성하고 utils라는 Package를 만들어줍니다. 그 다음 생성한 패키지에 위에 처럼 Kotlin CustomDialog.kt 파일을 만들어줍니다. 그리고 미리 볼 수 있는 Preview를 만들어서 위처럼 기본 함수 Setting을 합니다. AlertDialog를 사용할 까 그냥 Dialog를 사용할 까 고민을 했습니다 흠.. AlertDialog는@OptIn(ExperimentalMaterial3Api::class)@Composablefun AlertDial.. 공감수 0 댓글수 0 2024. 6. 11.
[안드로이드 스튜디오 코틀린] Jetpack Compose rememberScaffoldState() not showing val scaffoldState = rememberScaffoldState()Scaffold( scaffoldState = scaffoldState, bottomBar = { } ) 이렇게 Scaffold 내에서 사용하던 rememberScaffoldState() 가 사라졌다. https://stackoverflow.com/questions/71363542/not-able-to-use-rememberscaffoldstate-in-android-compose-material3 Not able to use rememberScaffoldState() in android compose Material3I want to use rememberScaffoldStat.. 공감수 0 댓글수 0 2024. 5. 25.
[안드로이드 스튜디오 코틀린] Jetpack Compose Material 과 Material3 하단 바 차이 Material Scaffold에서 bottomBar = { } 안에서 넣어서 사용 Material3 이렇게 NavigationBar로 바뀌어서 아래처럼 넣어줘야 한다. Scaffold( bottomBar = { NavigationBar { } } ) 참고 - Materialhttps://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BottomNavigation(androidx.compose.ui.Modifier,androidx.compose.ui... 공감수 0 댓글수 0 2024. 5. 25.
[안드로이드 스튜디오 코틀린] Jetpack Compose Hilt Error -> [Hilt]Unsupported metadata version. Check that your Kotlin version is >= 1.0 Jetpack Compose에서 hilt를 사용하는데 Task :app:hiltJavaCompileDebug FAILED error: [Hilt] Unsupported metadata version. Check that your Kotlin version is >= 1.0: java.lang.IllegalStateException: Unsupported metadata version. Check that your Kotlin version is >= 1.0 at dagger.hilt.processor.internal.kotlin.KotlinMetadata.metadataOf(KotlinMetadata.java:200) at dagger.hilt.processor.internal.kotlin.Kotl.. 공감수 0 댓글수 0 2024. 5. 24.
[안드로이드 스튜디오 코틀린] Jetpack Compose Bottom Navigation 으로 바텀 바 만들기( + FontAwecome) 로그인 화면에서 버튼을 누르면 메인화면으로 진입하고 , 메인화면에는 4개의 바텀메뉴가 있고 Home화면이 시작인 화면을 만들어보겠습니다. FontAwesome을 사용하려면https://github.com/Gurupreet/FontAwesomeCompose GitHub - Gurupreet/FontAwesomeCompose: Font Awesome free icons pack available for Jetpack Compose ready to use.Font Awesome free icons pack available for Jetpack Compose ready to use. - GitHub - Gurupreet/FontAwesomeCompose: Font Awe.. 공감수 0 댓글수 0 2024. 5. 23.
[안드로이드 스튜디오 코틀린] Jetpack Compose에서 간단한 로그인 View 만드는 방법 사이드 프로젝트를 진행하면서Jetpack Compose를 이용하여 프로젝트를 만들고 있습니다 ! 로그인 페이지부터 만들고 있는데중앙에 로고가 있고, 하단에 로그인 버튼이 있는 View를 만들고 싶었습니다 . 이런 화면 ! xml 방식이라면 로고를 중앙으로 만들고 버튼을 하단에 붙여서 밑에서 패딩 주는 방식으로 만들었을 것 같습니다. 하지만 ! 이제는 Jetpack Compose 로 만들어야 하기 때문에제가 수행한 방식을 알려드리겠습니닷 따단(다른 방법도 있을 것 같습니다 ..!) 우선 Jetpack Compose Empty Project를 생성한 뒤중앙에 들어갈 뷰와, 하단에 들어갈 뷰의 함수를 다르게 만들어줍니다. import and.. 공감수 1 댓글수 0 2024. 5. 20.
[안드로이드 스튜디오 코틀린] Jetpack Compose Material2에서 Material3로 바뀌면서 Typography TextStyle 차이점 Material2에서 <p data-ke-size="size16".. 공감수 0 댓글수 0 2024. 4. 30.
[안드로이드 스튜디오 코틀린] Jetpack Compose Material2에서 Material 3로 바뀌면서 Color Error Material2까지는 Colors를 사용하여 색상을 사용하였지만, Material 3에서는 ColorScheme를 사용해야 한다. Material 2에서는 아래와 같이 사용했다. Material 3 에서는 이렇게 바뀌었다. 공식 홈페이지에서 Color 부분을 본다면,import androidx.compose.material.lightColorsimport androidx.compose.material.darkColorsval AppLightColors = lightColors( // M2 light Color parameters)val AppDarkColors = darkColors( // M2 dark Color paramet.. 공감수 0 댓글수 0 2024. 4. 30.
[안드로이드 스튜디오 코틀린] Compose Material2에서 Material3로 바뀐 뒤 Surface, Card elevation 주는 방법 Material3를 통해 Compose를 구성하고 있는데 elevation 주는 방법이 바뀐 뷰들이 있다. 자세한건 https://developer.android.com/jetpack/compose/designsystems/material2-material3?hl=ko Compose의 Material 2에서 Material 3으로 이전 | Jetpack Compose | Android Developers 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Compose의 Material 2에서 Material 3으로 이전 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Material Design 3은 developer.android.com 위의 공식.. 공감수 0 댓글수 0 2024. 3. 5.
[안드로이드 스튜디오 코틀린] 시간 조절하는 SeekBar Custom 시간을 조절할 수 있는 SeekBar를 만들어서 시간 값이 변하게 보여주고 싶었다. 내가 생각한 방법을 구사할 수 있는 라이브러리를 찾지 못해서 안드로이드 기본 SeekBar와 TextView로 만들어보았다. 초기화면은 이렇게 1분으로 설정해두었고 시간을 조절함에 따라 SeekBar와 TextView의 위치가 변하게 만들었다. 총 코드 import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.view.ViewGroup import android.widget.SeekBar import com.example.customseekbarex.databinding.ActivityMainBinding class Mai.. 공감수 0 댓글수 0 2024. 3. 4.
[안드로이드 스튜디오 코틀린] WebView Header 추가하기 class MainActivity : AppCompatActivity() { private lateinit var binding: ActivityMainBinding private lateinit var webView : WebView private val header = mutableMapOf() @SuppressLint("SetJavaScriptEnabled") override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = ActivityMainBinding.inflate(layoutInflater) setContentView(binding.root) webView = binding.web.. 공감수 0 댓글수 0 2024. 2. 21.
[안드로이드 스튜디오 코틀린] Application 초기화 하는 방법 with Jetpack 보통 Application에서 instance를 생성해서 onCreate에 초기화하는 방법을 많이 사용한다. 이제 Jetpack을 사용해서 초기화를 해보자 ! 기존 방법은 보통 아래처럼 구현해 준다. import android.app.Application // Singleton으로 구현 -> Application을 전역적으로 사용해서 어디에서나 접근할 수 있게 함 class ExamApplication : Application() { override fun onCreate() { super.onCreate() instance = this } // companion object 를 사용하여 싱글톤 패턴을 구현하고 있음 -> // 단일 인스턴스(인스턴스 없이)를 전역적으로 접근할 수 있게 함 // 어떤 클래.. 공감수 0 댓글수 0 2024. 1. 11.
[안드로이드 스튜디오 코틀린] OnBackPressed Deprecated 대처 방법 (val, lateinit var) 안드로이드 WebView를 사용할 때 BackPressed를 사용하는데 deprecated됐다. 방법 두 가지가 있다 ! 1. val 로 만들기 private val onBackCallback = object : OnBackPressedCallback(true) { override fun handleOnBackPressed() { if () { } } } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = ActivityMainBinding.inflate(layoutInflater) setContentView(binding.root) // onCreate에 넣어준다. this.onB.. 공감수 0 댓글수 0 2024. 1. 10.
[안드로이드 스튜디오 코틀린] 약관 동의 (전체, 필수, 선택) 예제 앱에서 회원가입을 할 때, 이용 약관 CheckBox를 많이 볼 수 있다. 사실 예전부터 이용 약관에서 계속 막히고.. 잘 안되고... 뜻대로 수행되지 않아서 계속 해맸었다..! 그러다가, 마침내 성공하게 되어 드디어 이용약관 예제 글을 쓰게 되었다. (나처럼 ... 헤매던 사람들에게 한 줄기의 빛이 되길.. 바라며... !.. 다들 화이팅입니다) 우선, 전체 동의를 하는 CheckBox가 존재해야 하고, 필수 동의와, 선택 동의 3가지가 전부 있는 이용 약관을 만들어 보려고 한다. 먼저 체크 전, 후 vector를 생성해준다 - drawable -> New -> Vector Asset 그리고 이 둘을 체크 / 비체크 상태로 만들어줄 drawable을 생성해줍니다. - drawable -> New -> .. 공감수 0 댓글수 1 2023. 9. 24.
[안드로이드 스튜디오 코틀린] MVVM 패턴 BaseActivity, BaseFragment 적용(ViewBinding) ViewBinding을 사용한 MVVM 패턴 Base Code BaseActivity.kt import android.os.Build import android.os.Bundle import android.view.View import android.view.WindowInsets import android.view.WindowInsetsController import androidx.appcompat.app.AppCompatActivity import androidx.lifecycle.ViewModel import androidx.viewbinding.ViewBinding abstract class BaseActivity: AppCompatActivity() { protected lateinit var.. 공감수 0 댓글수 0 2023. 8. 25.
[안드로이드 스튜디오 코틀린] MPAndroidChart - Radar Chart 사용하기 안드로이드 차트 만드는 유명한 라이브러리인 https://github.com/PhilJay/MPAndroidChart GitHub - PhilJay/MPAndroidChart: A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubb A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations. - GitHub - PhilJay/MPAndroidChart:... githu.. 공감수 0 댓글수 0 2023. 8. 22.
[안드로이드 스튜디오 코틀린] 상단바(Status Bar) 투명하게 만들기 안드로이드 앱 UI를 짤 때 상단바와 하단바를 아래 코드로 제거하면 private fun setFullScreen() { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) { window.setDecorFitsSystemWindows(false) val controller = window.insetsController if (controller != null) { // statusBar -> 상단바 제거 , navigationBars -> 하단바 제거 controller.hide(WindowInsets.Type.statusBars() or WindowInsets.Type.navigationBars()) controller.systemBarsBehavior = W.. 공감수 0 댓글수 0 2023. 8. 22.
[안드로이드 스튜디오 코틀린] ProgressBar 색상 설정 기본 progressbar xml을 아래와 같이 만들어 실행하면 이렇게 기본 progress 색상이 나타난다. android:progressTint="@color/green" 이렇게 줘도 변하지 않고 android:progressBackgroundTint="@color/green" 이렇게 줘도 변하지 않는다. 그럴 때, 이렇게 두 줄을 추가해 주면 val progressColor = resources.getColor(R.color.green, null) binding.progressbar.indeterminateDrawable.setColorFilter(progressColor, android.graphics.PorterDuff.Mode.SRC_IN) 이렇게 잘 변하는 것을 볼 수 있다. 공감수 0 댓글수 0 2023. 8. 22.
[안드로이드 스튜디오 코틀린] WebSocket Server 생성하기 https://github.com/TooTallNate/Java-WebSocket GitHub - TooTallNate/Java-WebSocket: A barebones WebSocket client and server implementation written in 100% Java. A barebones WebSocket client and server implementation written in 100% Java. - GitHub - TooTallNate/Java-WebSocket: A barebones WebSocket client and server implementation written in 100% Java. github.com 위 라이브러리를 사용하여 소켓서버를 만들어보자 이렇게 퍼미션을.. 공감수 0 댓글수 0 2023. 7. 7.
[안드로이드 스튜디오 코틀린] 내부 저장소 용량, 사용 가능한 용량 구하는 예제 내부 저장소 용량과 사용 가능한 용량을 반환하는 함수를 만들어준다 // 내부 저장소 용량과 사용 가능한 용량을 반환 하는 함수 private fun getInternalStorageCapacity(): Pair { val path = Environment.getDataDirectory().path val stat = StatFs(path) val blockSize: Long = stat.blockSizeLong val totalBlocks: Long = stat.blockCountLong val availableBlocks: Long = stat.availableBlocksLong val totalSize = blockSize * totalBlocks val availableSize = blockSize.. 공감수 0 댓글수 0 2023. 6. 22.
[안드로이드 스튜디오 코틀린] 와이파이 이름, 와이파이 세기 , calculateSignalLevel 사용 https://developer.android.com/reference/android/net/wifi/ScanResult ScanResult | Android Developers developer.android.com 위의 공식문서를 참고합니다. 우선 와이파이를 알기 위해서는 위치 허용을 해줘야 합니다. (근처에 있는 와이파이를 알기 위하여) AndroidManifest.xml에 퍼미션을 추가해 줍니다. activity_main.xml에 wifi 정보를 보여줄 TextView를 하나 생성해 줍니다. MainActivity에 퍼미션을 체크해 주는 함수를 만들어 줍니다. private fun checkPermissions() { val arrayPermission = arrayOf(Manifest.permi.. 공감수 0 댓글수 0 2023. 6. 22.
[안드로이드 스튜디오 코틀린] 버튼 누르면 다른 앱으로 이동하기, getLaunchIntentForPackage not working 버튼을 누르면 토스 앱으로 연결하는 기능을 구현 해보았다. 1. AndroidManifest.xml에 공감수 0 댓글수 0 2023. 6. 13.
[안드로이드 스튜디오 코틀린] webview -> 갤러리에서 사진 가져오기 WebView에서 프로필 사진을 바꿀 수 있게 하려면 갤러리에 접근할 수 있게 허용 권한을 주어야 하고 , WebChromeClien() 에서 onShowFileChooser 함수를 가져와서 사용해야 한다. 원래는 onActivityResult를 통해 결과를 받아왔지만 deprecated 되었기 때문에 registerForActivityResult()(-> https://developer.android.com/training/basics/intents/result?hl=ko)를 사용해야 한다. registerForActivityResult() private val launcher = registerForActivityResult(ActivityResultContracts.StartActivityForRe.. 공감수 0 댓글수 0 2023. 5. 24.
[안드로이드 스튜디오 코틀린] 두 좌표 사이 거리 구하기 경도, 위도를 알 때 두 지점 사이의 거리를 구하는 공식을 적용시켜보자 우선 Object로 DistanceManager를 생성해서 아래의 코드를 추가해 준다. import java.math.RoundingMode import kotlin.math.* object DistanceManager { fun distance(preLat: Double?, preLng: Double?, postLat: Double?, postLng: Double?): String { if (preLat == null || preLng == null || postLat == null || postLng == null) { return "" } val result = (6371000 * acos( cos(compareRadians(p.. 공감수 0 댓글수 0 2023. 5. 23.
[안드로이드 스튜디오 코틀린] Vibrator VIBRATOR_SERVICE deprecated 대응 vibrator_manager_service service cast error 대응 초기화 방법 - > vibrator = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) { val vibratorManager: VibratorManager = getSystemService(Context.VIBRATOR_MANAGER_SERVICE) as VibratorManager vibratorManager.defaultVibrator } else { getSystemService(Context.VIBRATOR_SERVICE) as Vibrator } 코드 적용 AndroidManifest.xml MainActivity.kt import android.content.Con.. 공감수 0 댓글수 0 2023. 5. 17.
[안드로이드 스튜디오 코틀린] 코틀린으로 Swipe & Slide View 만들기 아이폰에서 사용하는 밀어서 잠금 해제를 안드로이드에서 구현하고 싶었습니다. 안드로이드는 Swipe 기능 예제가 다양하지 않더라고요 ㅠ 그래서 오픈 소스 라이브러리를 찾아보았는데 제가 원하는 기능을 수행할 수 있는 라이브러리가 없었습니다. 구현되어 있는 라이브러리의 백그라운드 컬러, 스와이프 버튼을 커스텀하는 것이 쉽지 않더라고요 중간에 gesturedetector를 사용해서 모션 이벤트를 주는 방법을 사용했는데 x, y축을 고려해야 하고 반응 속도와 이런 것들이 생각과는 너무 다르고 사용법이 어려워 정확한 구현을 할 수 없었습니다. 그러던 도중, 좋은 Slide 라이브러리를 발견했습니다!!!!!!!!! https://github.com/cortinico/slidetoact GitHub - cortinic.. 공감수 0 댓글수 1 2023. 5. 13.
[안드로이드 스튜디오 코틀린] LocationRequest.create() deprecated 대응 https://developer.android.com/training/location/change-location-settings?hl=ko 위치 설정 변경 | Android 개발자 | Android Developers 위치 설정 변경 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 앱에서 위치를 요청하거나 권한 업데이트를 수신해야 한다면 기기는 GPS 또는 Wi-Fi 검색과 같 developer.android.com 주소 위치를 받아 오기 위해 location을 사용하고 싶다. 이 때 같은 주기로 위치를 갱신하고 싶어 locationRequest를 사용하기로 했다. 그런데 LocationRequest.create() 가 deprecated 되었다. LocationReque.. 공감수 0 댓글수 0 2023. 5. 11.
[안드로이드 스튜디오 코틀린] Kotlin MQTT 구동시 응답이 오지 않을 때(Client is not connected (32104)) MQTT를 생성하여 Topic을 구독하는 도중, 응답값이 잘 오지 않았습니다. Client is not connected (32104) 오류가 계속 뜨거나 , Fail은 없고 subscribe callback이 오지 않았습니다. 해결 방법은 waitForCompletion() 함수를 사용해줍니다. 코드에서는 이렇게 연결해주면 됩니다. if (client?.isConnected == false) { val token = client?.connect(mqttConnectOptions,"", MqttConnectListener()) token?.waitForCompletion() } - client : MqttAsyncClient - mqttConnectOptions : MqttConnectOptions() .. 공감수 0 댓글수 0 2023. 4. 28.
[안드로이드 스튜디오 코틀린] 코틀린으로 MQTT publish, subscribe 구현하는 방법 (+소스코드) (전체 코드는 아래에 깃헙 주소를 올려 놓았습니다.) 1. MQTT 플러그인을 설치해 줍니다. https://mqtt-explorer.com/ MQTT Explorer An all-round MQTT client that provides a structured topic overview mqtt-explorer.com 약속된 url에서 username과 password를 입력하고 Explorer에 접속하면 아래와 같은 화면을 볼 수 있습니다. (개인 정보는 지웠습니다.) 2. Android Studio 설정 - AndroidManifest.xml -> 인터넷 허가 추가 - build.gradle(Module:app) -> Mqtt 라이브러리 추가 (화면을 받아오기 위해 viewBinding을 사용하였습니.. 공감수 0 댓글수 0 2023. 4. 26.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.