SkillAgentSearch skills...

MaterialDesign

Material Design Samples。ConstraintLayout、MaterialButton、ShapeableImageView、TabLayout、SearchView...

Install / Use

/learn @yechaoa/MaterialDesign
About this skill

Quality Score

0/100

Category

Design

Supported Platforms

Universal

README

MaterialDesign

star :kiss:

环境(Environment)

  • Android Studio Giraffe | 2022.3.1 Patch 1
  • Android Gradle Plugin 8.0
  • Kotlin 1.7.10

效果(Example)

多图预警!!!

| <img src="/gif/search_view.gif" width="285"/> | <img src="/gif/drawer.gif" width="285"/> | <img src="/gif/snackbar.gif" width="285"/> | | :--: | :--: | :--: | | 搜索 | 侧边栏、抽屉 | 底部提示 |

| <img src="/gif/scrolling.gif" width="285"/> | <img src="/gif/scrolling_tab.gif" width="285"/> | <img src="/gif/tab.gif" width="285"/> | | :--: | :--: | :--: | | 滑动收起 | Tab滑动收起 | 自定义Tab |

| <img src="/gif/navigation.gif" width="285"/> | <img src="/gif/text.gif" width="285"/> | <img src="/gif/swipe.gif" width="285"/> | | :--: | :--: | :--: | | 底部导航 | 输入框 | 下拉刷新 |

| <img src="/gif/bottom_sheet.gif" width="285"/> | <img src="/gif/tab_layout.gif" width="285"/> | <img src="/gif/material_button.png" width="285"/> | | :--: | :--: | :--: | | 底部弹窗 | TabLayout | MaterialButton |

| <img src="/gif/shapeable_image_view.png" width="285"/> | <img src="/gif/badge_drawable.png" width="285"/> | <img src="/gif/card_view.png" width="285"/> | | :--: | :--: | :--: | | ShapeableImageView | BadgeDrawable | CardView |

| <img src="/gif/dynamic_color.gif" width="285"/> | <img src="/gif/notification_1.png" width="285"/> | <img src="/gif/notification_2.png" width="285"/> | | :--: | :--: | :--: | | Dynamic Color | Notification_1 | Notification_2 |

| <img src="/gif/drag_recyclerview.gif" width="285"/> | <img src="/gif/float_view.gif" width="285"/> | <img src="/gif/guide_line.png" width="285"/> | | :--: | :--: | :--: | | ItemTouchHelper | FloatView | GuideLine |

| <img src="/gif/divider.png" width="285"/> | <img src="/gif/dynamic_layout.gif" width="285"/> | | :--: | :--: | | divider | DynamicLayout |

组件(Components)

  • FloatView
  • ShapeableImageView
  • MaterialButton
  • BadgeDrawable
  • Dynamic Color
  • DrawerLayout
  • BottomSheetDialog
  • ConstraintLayout
  • CoordinatorLayout
  • CollapsingToolbarLayout
  • NestedScrollView
  • AppBarLayout
  • Toolbar
  • FloatingActionButton
  • TabLayout
  • BottomNavigationView
  • CardView
  • Snackbar
  • SwipeRefreshLayout
  • TextInputLayout
  • TextInputEditText
  • NavigationView
  • SearchView
  • Notification
  • ItemTouchHelper
  • GuideLine
  • divider
  • ...

近期更新(Update)

  • 【2023-02-01】Update FloatView
  • 【2023-01-28】Update MaterialButton、BadgeDrawable、and Optimize Code
  • 【2023-01-28】Update Gradle、Basic Dependencies、and Optimize Code
  • 【2023-05-10】Add DynamicLayout
  • 【2022-09-13】Add divider
  • 【2022-09-08】Add GuideLine
  • 【2022-07-31】Add FloatView
  • 【2022-07-26】Add ItemTouchHelper
  • 【2022-06-26】Add Notification
  • 【2022-05-01】Android 12 Dynamic Color
  • 【2022-04-30】Update CardView
  • 【2022-04-27】Migrating from M2 to M3
  • 【2022-04-25】Update TabLayout
  • 【2022-01-16】Add BadgeDrawable
  • 【2021-05-29】Add ShapeableImageView
  • 【2021-05-23】Add MaterialButton
<br>

系列博客(Blog)

<br>
   Copyright [2017] [yechaoa]

   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

       http://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.
View on GitHub
GitHub Stars1.1k
CategoryDesign
Updated3d ago
Forks218

Languages

Kotlin

Security Score

100/100

Audited on Mar 26, 2026

No findings