본문 바로가기

전체 글1419

[Kotlin][Android] 녹음기능 구현하기 녹음을 하기전 매니페스트에 녹음과 파일의 읽기쓰기 권한을 명시해줘야한다. 매니페스트에 명시하고 해당 권한은 위험 권한에 속하기 때문에 유저에게도 권한을 승인받아야 한다. empowerRecordAudioAndWriteReadStorage() 을 통해서 권한을 승인받고 녹음을 진행하게 되면 내폴더에 녹음 파일이 생기는것을 확인 할 수 있다. class MainActivity : AppCompatActivity() { private var outputPath: String? = null private var mediaRecorder : MediaRecorder? = null private var state : Boolean = false @RequiresApi(Build.VERSION_CODES.R) ove.. 2022. 2. 10.
[iOS] Swift UI 시작하기 SwiftUI는 Swift의 힘으로 모든 Apple 플랫폼에서 사용자 인터페이스(UI)를 구축 할 수 있는 혁신적이고 특별한(exceptionally) 방법입니다. 읽기 쉽고 작성하기 쉬운 선언적 Swift구문을 사용합니다. SwiftUI는 새로운 Xcode디자인 도구와 원활하게 작동하여, 코드와 디자인을 완벽하게 동기화합니다. Dynamic Type, Dark Mode, Localization 및 Accessibility에 대한 자동 지원은 SwiftUI 코드의 첫 번째 라인이 이미 작성한 가장 강력한 UI 코드임을 의미합니다. SwiftUI는 선언적 구문(declarative syntax)을 사용하므로, UI에서 수행해야 할 작업을 간단하게 지정 할 수 있습니다. 예를들어, 텍스트필드로 구성된 lis.. 2022. 2. 9.
[HTML / CSS] 슬라이드 아이콘 만들기 안녕하세요 오늘은 홈페이지에서 슬라이드 아이콘을 만들어 보겠습니다. 마우스를 올리면 아이콘이 슬라이드 됩니다. 밀어서 입장하기 입장! 위 코드 중에서 아래와 같이 left 100% 로 설정하면 마우스를 올렸을 때 버튼이 오른쪽으로 움직이게 됩니다. .btn-slide:hover span.circle { left: 100%; margin-left: -45px; background-color: #36f355; } * 참고로 span태그는 p태그, div 태그와 비슷하지만 다릅니다. 차이점을 비교해보자면 아래와 같은 결과를 볼 수 있습니다. 코드로 보시면 아래와 같습니다. div{border:1px solid blue;} p{border:1px solid red;} span{border:1px solid gr.. 2022. 2. 8.
[Java][Android] 모션 레이아웃 MotionLayout은 앱에서 모션과 위젯 애니메이션을 관리하는 데 사용할 수 있는 레이아웃 유형입니다. MotionLayout은 ConstraintsLayout의 서브클래스이며 ConstraintsLayout의 다양한 레이아웃 기능을 기초로 합니다. Constraints 라이브러리의 일부인 MotionLayout은 지원 라이브러리로 사용 가능하며, API레벨 14와 호환됩니다. 1. ConstraintLayout 종속 항목 추가: 프로젝트에서 MotionLayout을 사용하려면 ConstraintLayout 2.0 종속 항목을 앱의 build.gradle 파일에 추가합니다. AndroidX를 사용 중이라면 다음 종속 항목을 추가하세요. dependencies { implementation 'andro.. 2022. 2. 7.
[JAVA][Android] Flexbox Layout 사용해보기 이번 시간에는 Flexbox Layout 을 사용해보도록 하겠습니다. Flexbox Layout 는 웹의 css 에서 사용하던 flexbox 를 안드로이드에서 비슷하게 구현한 라이브러리인데요. 예를들면, 좌측 정렬로 뷰들이 쌓이다가 우측끝에 닿았을때 다음 줄로 넘어가야하는 상황이 생길 수 있는데 그럴때 사용할 수 있어요. google 에서 만들었고, 아파치 라이센스로 사용하시는데 큰 문제는 없을 것으로 보여요. https://github.com/google/flexbox-layout GitHub - google/flexbox-layout: Flexbox for Android Flexbox for Android . Contribute to google/flexbox-layout development by .. 2022. 2. 6.
[JAVA][Android]사라지는 AppBar 구현하기 - AppBar는 현재 화면의 타이틀을 포함하고, 위 그림에서 볼 수 있는 좋아요(하트 버튼) 버튼, 검색 버튼, 더보기 버튼 등 현재 화면에서 사용자가 할 수 있는 다양한 action을 담고 있는 막대 모양의 뷰이다. - 현재 화면의 타이틀을 나타내거나, 현재 화면에서 사용자가 할 수 있는 다양한 action(좋아요, 검색, 더보기 등)을 구현하기 위해서 사용한다. 1. android:Theme에 NoActionBar 설정하기 android:theme="@style/Theme.AppCompat.Light.NoActionBar" 2. xml 작성하기 3. 실행하기 스크롤이 올라가면 위의 앱바가 안보입니다. 2022. 2. 5.
[Kotlin][Android] BroadCast 이벤트 송신, 수신하기 안녕하세요. 이번 시간에는 안드로이드 4대 컴포넌트 가운데 하나인 BroadCast Receiver를 코틀린 언어로 간단히 사용하는 예제를 만들어 보도록 하겠습니다. BroadCast Receiver란? Android apps can send or receive broadcast messages from the Android system and other Android apps, similar to the publish-subscribe design pattern. 공식 홈페이지에서 'Broadcast Receiver'에 대한 설명을 인용해보았습니다. 즉 저희가 만들고 있는 앱이 안드로이드 시스템이나 다른 앱으로부터 메시지를 받을 수 있으며 그 방법은 '게시-구독' 디자인 패턴과 흡사하다고 합니다. 구체.. 2022. 2. 4.
[Kotlin][Android] 더보기가 있는 텍스트뷰 만들기 안녕하세요. 이번 글에서는 라이브러리를 통해 위 기능을 할 수 있는 텍스트뷰를 사용해 구현해보겠습니다. 테스트한 android sdk는 28입니다. app 수준 gradle에 라이브러리를 추가해줍니다. dependencies { ... implementation 'kr.co.prnd:readmore-textview:1.0.0' ... } 레이아웃 중 원하는 곳에 더보기 기능이 있는 텍스트뷰를 위치해줍니다. readMoreColor : 더보기 텍스트의 색상 readMoreMaxLine : 최대로 표시할 텍스트 줄 수 readMoreText : 글자 초과 시 표시할 텍스트 아래와 같이 긴 문자열을 텍스트뷰에 세팅해줍니다. val textView = context.findViewById(R.id.tv_text.. 2022. 2. 3.
[Java][Android] 바인드서비스로 데이터 받기 바인드 서비스를 사용해서 데이터를 받아보겠습니다. 하단 스틱코드 링크에서 즐겨찾기 후 사용할 수 있습니다. https://stickode.com/detail.html?no=2759 https://stickode.com/detail.html?no=2759 stickode.com 바인드서비스를 만들어 보기전에 먼저 서비스가 무엇인지와 서비스의 종류에 대해서 알아보겠습니다. 서비스는 무엇일까요? 화면없이 백그라운드에서 실행되는 하나의 단위를 서비스라 부릅니다. 서비스가 시작되면 이를 시작한 구성요소와 독립적인 수명주기를 가지게 됩니다. 서비스에는 세가지 유형이 있습니다. 포그라운드 서비스 포그라운드 서비스는 사용자에게 잘 보이는 몇몇 작업을 수행합니다. 예를 들어 오디오 앱이라면 오디오 트랙을 재생할때 포그라.. 2022. 2. 2.

티스토리툴바