일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 옵션메뉴꾸미기
- 커스텀옵션메뉴
- JavaScript
- itemBackground
- Node
- 리액트
- redux/toolkit
- ContextAPI
- 자바스크립트
- Dialog
- 코틀린
- Menu
- JS
- readAsDataURL
- Android
- Hooks
- 팝업메뉴 꾸미기
- hoos
- custom
- 팝업메뉴
- javaSrcript
- state_checked
- 메뉴클릭
- nodejs
- react
- bottomNav
- framework
- 안드로이드
- Redux
- toolkit
- Today
- Total
목록bottomNav (2)
대기업을 향한 디벨롭 블로그

https://mhypro.tistory.com/46?category=1063897 바텀 네비게이션 만들기 BottomNavigationView 바텀네비게이션 뷰를 만들어보자. 바텀네비게이션뷰는 당근마켓앱에 이렇게 밑에 보이는 메뉴들이 바텀네비게이션 뷰로 만들어졌을 것이다. 커스텀으로 한번 만들어보겠다. 먼저 들어갈 메뉴 mhypro.tistory.com 이전글에서 바텀네비게이션을 만들었었다. 이제 메뉴의 아이템이 클릭되면 메뉴아이템의 배경이 바뀌게 해보자. 먼저 클릭됬을때의 itemBackground를 적용할 @drawable파일을 만들어준다. 이 xml은 배경은 하얀색에 stroke를 5dp를 줬는데 bottom에만 stroke를 그려주었다. 만들어준다음 새로운 drawable파일을 만들어 state..

바텀네비게이션 뷰를 만들어보자. 바텀네비게이션뷰는 당근마켓앱에 이렇게 밑에 보이는 메뉴들이 바텀네비게이션 뷰로 만들어졌을 것이다. 커스텀으로 한번 만들어보겠다. 먼저 들어갈 메뉴를 만들어 주어야한다. res폴더에 menu폴더에서 menu를 만들어주자. menu리소스파일을 생성했으면 메뉴item을 만들어주자. 총 5개의 메뉴아이템을 만들겠다. 메뉴아이템의 속성엔 id,title,icon을 구성해주었다. icon은 https://www.flaticon.com/ 이 사이트에서 가져왔다. 이렇게 만들어지는데 icon은 split화면에서 보이진않는다 하지만 바텀네비게이션뷰에 적용하면 보이게된다. 메뉴를 만들었으니 적용해보자 레이아웃안에 이렇게 넣어주자. app:menu속성이 내가만든 메뉴를 넣어주면된다. 이렇게 ..