팡세영
Log sey
팡세영
전체 방문자
오늘
어제
  • 분류 전체보기 (73)
    • PS (45)
      • programmers (13)
      • 백준 (29)
    • Android (16)
    • Daily (0)
    • Kotlin (6)
    • Design Pattern (1)
    • Java (1)
    • Flutter (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • binding
  • 완전탐색
  • 실버
  • mvvm
  • 프로그래머스
  • programmers #프로그래머스
  • java
  • 코틀린
  • compose
  • 이분탐색
  • 정렬
  • LEVEL2
  • Android
  • TestCode
  • BFS
  • 문자열
  • 자바
  • 구현
  • programmers
  • 백준
  • 안드로이드
  • Kotlin
  • flutter
  • 하단네비게이션바
  • DFS
  • 골드
  • ArcitecturePattern
  • 해쉬맵
  • 의존성 주입
  • CustomView

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
팡세영

Log sey

Android BottomNavigation Bar Round효과
Android

Android BottomNavigation Bar Round효과

2022. 8. 2. 01:54

drawable -> bottom_nav_round.xml 파일 생성후 아래와 같이 작성

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="@color/white"/>
    <corners
        android:topRightRadius="20dp"
        android:topLeftRadius="20dp"/>
    <stroke
        android:color="#F5F5F5"
        android:width="1dp"/>
</shape>

BottomBavigation태그 안에서 background color를 방금 만들어준 xml파일로 설정

android:background="@drawable/bottom_nav_round"
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <fragment
        android:id="@+id/nav_host"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:navGraph="@navigation/nav_graph"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@id/nav_bar"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_bar"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_gravity="bottom"
        android:background="@drawable/bottom_nav_round"
        app:itemIconTint="@drawable/item_color"
        app:itemTextColor="@drawable/menu_selector"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/nav_bottom" />

</androidx.constraintlayout.widget.ConstraintLayout>

이렇게하면 위와 같이 변경된다.

'Android' 카테고리의 다른 글

안드로이드 - Kotlin login 구현 (PHP, mysql, volley)  (0) 2022.08.04
Android - Mac북 에뮬레이터 인터넷(와이파이 안될 경우)  (1) 2022.08.04
안드로이드 액티비티간 화면 전환 및 데이터 전달 (Intent) - Kotlin  (0) 2022.07.25
[Android ]Progress Bar - Kotlin  (0) 2022.07.25
[Kotlin] 코틀린에서의 변수 사용법  (2) 2022.07.07
    'Android' 카테고리의 다른 글
    • 안드로이드 - Kotlin login 구현 (PHP, mysql, volley)
    • Android - Mac북 에뮬레이터 인터넷(와이파이 안될 경우)
    • 안드로이드 액티비티간 화면 전환 및 데이터 전달 (Intent) - Kotlin
    • [Android ]Progress Bar - Kotlin
    팡세영
    팡세영
    Android, CS, PS

    티스토리툴바