Owl sample
This sample is a Jetpack Compose implementation of Owl, a Material Design study.
To try out this sample app, you need to use Android Studio Arctic Fox. You can clone this repository or import the project from Android Studio following the steps here.
This sample showcases:
- Material theming & light/dark themes
- Custom layout
- Animation
Screenshots
Features
Onboarding Screen
The onboarding screen allows users to customize their experience by selecting topics. Notable features:
- Custom staggered grid layout.
- Topic chip with custom selection animation.
Courses Screen
The courses screen displays featured and saved course and a search screen. Notable fetures:
- Custom
StaggeredVerticalGridresponsive to available size. FeaturedCoursecomposable demonstrates usage ofConstraintLayout.
Course Details Screen
Displays details of a selected course, featuring:
- A FloatingActionButton that can be clicked or dragged to transform into a
LessonsSheet. - A selection of
RelatedCoursesusing a nestedBlueTheme.
Theming
Owl follows Material Design, customizing colors, typography and shapes. These come together in Owl's multiple themes, one for each color scheme. Additionaly, Owl supports image and elevation theming, providing alternate images/elevations in light/dark themes.
Common UI
Compose makes it simple to create a library of components and use them throughout the app. See:
CourseListItemis used on both the My Courses screen and in the related section of the Course Details screen.OutlinedAvataris used on both the Featured Courses screen and the Course Details screen.
Utilities
Owl implements some utility functions of interest:
- Window insets will likely be provided by the Compose library at some point. Until then this demonstrates how it can be implemented.
- NavGraph models navigation within the app using Jetpack Navigation.
Data
Domain types are modelled in the model package, each containing static sample data exposed using fake Repos objects.
Imagery is sourced from Unsplash and Pravatar and loaded using coil-accompanist.
License
Copyright 2020 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
30 Jan 8, 2023
21 Oct 14, 2022
4 Dec 2, 2021
4 Nov 1, 2022
1 Apr 18, 2022
19 Dec 5, 2022
140 Dec 25, 2022
7 Aug 8, 2022
![[ImgBot] Optimize images](https://avatars.githubusercontent.com/in/4706?v=4)
3 Jun 20, 2022
14 Dec 21, 2022
321 Dec 31, 2022
21 Dec 7, 2022
9 Jul 11, 2022
116 Dec 22, 2022
24 Nov 18, 2022
8 Dec 18, 2022
95 Dec 22, 2022