안드로이드 코틀린179 [Kotlin][Android] Jetpack Compose 목록에 텍스트 아이템 추가, 삭제하기 안녕하세요 이번 시간에는 안드로이드 컴포즈를 사용하여텍스트로 구성된 아이템 목록에 새로운 텍스트 아이템을 추가하고, 삭제하는 기능을 간단하게 만들어보도록 하겠습니다 이전 게시글인 체크 박스 만들기는 아래 링크를 참고해주세요 [Kotlin][Android] Jetpack Compose 클릭한 아이템 개수 실시간 업데이트하기안녕하세요 오늘은 지난번 컴포즈를 사용해 체크박스를 만들어보았는데요 오늘은 체크된 아이템 개수를 동적으로 변경하는 텍스트뷰를 추가해보도록 하겠습니다 안드로이드 컴포즈로 체크stickode.tistory.com 먼저 새로운 아이템을 추가할 텍스트 입력칸을 만들어줍니다 // 새로운 아이템 추가 입력 필드Row(modifier = Modifier.padding(16.dp)) { .. 2024. 10. 9. [Kotlin][Android]SeekBar의 이미지 변경하기 오늘은 코틀린 언어로 SeekBar의 드래그 할 수 있는 부분 thumb 와 진행막대 부분 ProgressBar 의 이미지를 변경하는 예시를 만들어 보겠습니다. SeekBar란 기존 ProgressBar 에서 드래그하여 현재 진행 수준 값을 설정하는 기능이 추가된 뷰입니다. 활용할 이미지 준비(ProgressBar 용) => drawable 폴더내에 xml 파일로 생성해 주었습니다. 활용할 이미지 준비(thumb 용) => android studio 내에 있는 Asset Studio의 Configure Vect.. 2024. 10. 6. [Kotlin][Android] Jetpack Compose 클릭한 아이템 개수 실시간 업데이트하기 안녕하세요 오늘은 지난번 컴포즈를 사용해 체크박스를 만들어보았는데요 오늘은 체크된 아이템 개수를 동적으로 변경하는 텍스트뷰를 추가해보도록 하겠습니다 안드로이드 컴포즈로 체크 박스 만들기는 아래 링크에서 확인하실 수 있습니다 https://stickode.tistory.com/1309 [Kotlin][Android] Jetpack Compose 체크 박스 만들기안녕하세요 오늘은 Jetpack Compose 를 사용하여 목록 아이템에 체크 박스를 추가해보도록 하겠습니다 LazyColumn 는 간편하게 목록을 만들 수 있는 Jetpack Compose 의 구성 요소 중 하나 입니다기존 리stickode.tistory.com 목록에서 아이템의 선택 상태가 변경되면선택된 아이템 개수 변수인 selectedC.. 2024. 10. 3. [Kotlin][Android]전화번호 입력된 전화 앱 열기 오늘은 앱에 번호를 입력 후 전화 앱에서 해당 번호가 입력된 화면을 띄우는 예시를 보여드리겠습니다 레이아웃 xml 파일 코드(activity_main.xml) 액티비티 코틀린 코드class MainActivity : AppCompatActivity() { private lateinit var editTextPhoneNumber: EditText private lateinit var buttonDial: Button override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) .. 2024. 9. 30. [Kotlin][Android] Jetpack Compose 체크 박스 만들기 안녕하세요 오늘은 Jetpack Compose 를 사용하여 목록 아이템에 체크 박스를 추가해보도록 하겠습니다 LazyColumn 는 간편하게 목록을 만들 수 있는 Jetpack Compose 의 구성 요소 중 하나 입니다기존 리사이클러뷰와 같은 기능을 훨씬 간편하게 구현할 수 있습니다 ! LazyColumn에 있는 아이템 마다 체크 박스를 만들어주기 위해 Check box 를 추가해줍니다 LazyColumn { items(items) { item -> val index = items.indexOf(item) Row( modifier = Modifier .fillMaxWidth() .. 2024. 9. 27. [Kotlin][Android] Jetpack Compose 클릭 이벤트 설정하기 안녕하세요 오늘은 지난 시간 Jetpack Compose 를 사용해서 만들었던텍스트 목록에 클릭 이벤트를 추가해보도록 하겠습니다 이전 게시글은 하단 링크에서 확인하실 수 있습니다 [Kotlin][Android] Jetpack Compose 로 텍스트 목록 만들기안녕하세요 오늘은 Jetpack Compose 를 사용하여 스크롤이 가능한 간단한 텍스트 목록을 만들어보겠습니다. Jetpack compose 는 코틀린 기반 선언형 ui 도구 키트 라이브러리로 안드로이드 애플리케stickode.tistory.com 선택한 아이템에 대해 클릭 이벤트를 설정하기 위해 각 아이템의 인덱스 번호를 담을 변수를 설정해줍니다 val index = items.indexOf(item) val isSelected.. 2024. 9. 22. [Kotlin][Android] Jetpack Compose 로 텍스트 목록 만들기 안녕하세요 오늘은 Jetpack Compose 를 사용하여 스크롤이 가능한 간단한 텍스트 목록을 만들어보겠습니다. Jetpack compose 는 코틀린 기반 선언형 ui 도구 키트 라이브러리로 안드로이드 애플리케이션 개발 시 UI를 보다 간편하게 구축할 수 있게 도와줍니다 먼저 새로운 프로젝트를 생성해줍니다 Empty Activity 선택하면 compose 를 바로 사용할 수 있도록 세팅됩니다. Jetpack Compose 는 API 21 부터 사용 가능하니 minimumSdkVersion 선택 시 API 21 이상 버전을 선택해주시면 됩니다 아이템 목록을 만드는 함수입니다 아래 코드를 통해 text view 를 생성하고, 아이템 간 마진을 설정합니다 // item list@Composable.. 2024. 9. 16. [Android][코틀린] 이미지 필터 만들기 오늘은 코틀린 비트맵 합치기 https://stickode.tistory.com/1057 코틀린 배경처리 https://stickode.tistory.com/1058 에 이어 필터 기능을 만들어 보겠습니다. 자바 버전 >> https://stickode.tistory.com/961 [Android][Java] 이미지 필터 만들기 오늘은 비트맵 합치기 https://stickode.tistory.com/948 사람 배경 만들기 https://stickode.tistory.com/949 에 이어서 필터만들기를 해보겠습니다. 코드에 사용된 코드에 대한 설명은 위에 글들에 있으니 한번씩 stickode.tistory.com MainActivity.kt class MainActivity : AppCompatAct.. 2024. 1. 2. [안드로이드][코틀린] 사람 이미지 배경 가리기 PorterDuff.Mode 오늘은 PorterDuff.Mode 와 ML kit 라이브러리를 활용하여 이미지 배경을 가리는 기능을 구현해보겠습니다. 자바 버전 >> https://stickode.tistory.com/949 [JAVA][Android] 사람 이미지 배경 가리기 PorterDuff.Mode 오늘은 PorterDuff.Mode 와 ML kit 라이브러리를 활용하여 이미지 배경을 가리는 기능을 구현해보겠습니다. PorterDuff.Mode 를 활용하여 이미지 합치는 기능을 먼저 보고 와주세요 https://stickode.tistory.com/94 stickode.tistory.com 해당 글을 보시기 전에 코틀린 버전으로 PorterDuff.Mode 를 활용하여 이미지 합치는 기능을 먼저 보고 와주세요 https://s.. 2023. 12. 24. 이전 1 2 3 4 5 6 7 ··· 20 다음
