android - Rectangle shape drawable, specify top and bottom

building up on the answer given by Vijay C, you can create a drawable and include in any layout. The previous answer was ok but it added hard-coded dimensions which made it impossible to be used in background as wrap_content Android:shape: Value can be line, rectangle, oval or ring.; 2.1 Shape's Sub Element. 2.1.1 <gradient>. Define color gradual change style. Android:startColor: Start color value.; Android:endColor: End color value.; Android:angle: Gradient angle, 0 means from left to right, 90 means from bottom to top, the value shoud be an integer that is multiple of 45, default value. Custom shaped android imageview components. Contribute to siyamed/android-shape-imageview development by creating an account on GitHub

The <shape> element is where the shape of your drawable is defined and all its nested elements are defined. The android:shape attribute can hold four values: rectangle, oval, ring, or line. If you do not specify a value, it will be a rectangle by default. Multiple shape items can be nested in a <layer-list> element AlarmClock; BlockedNumberContract; BlockedNumberContract.BlockedNumbers; Browser; CalendarContract; CalendarContract.Attendees; CalendarContract.CalendarAlert Android drawable selector and shape examples. The following are examples of using the shape and selector for creating a drawable xml file in the drawable folder to style a button view. So the button will changes its appearance when it is pressed Some useful attributes that you can use when defining a shape: 1.) Shape type. You can specify the type of a shape using android:shape XML attribute in the shape tag. If you don't specify the. Drawable resources. A drawable resource is a general concept for a graphic that can be drawn to the screen and which you can retrieve with APIs such as getDrawable (int) or apply to another XML resource with attributes such as android:drawable and android:icon . There are several different types of drawables

well this will create a required border to rectangle shape, you need to assign background of that rectangle shape with this drawable like this. android:background=@drawable/bg. where bg is xml file name which has been saved on drawable folder. After that you need to put that triangle exactly below to rectangle object This example demonstrates how to add a border to the top and bottom of an Android View .Step 1 − Create a new project in Android Studio, go to File ⇒ New. The following border can apply to TextView, LinearLayout, RelativeLayout, or any other views by setting the background to those drawable xml files Step 1. Create Triangle Shape Drawable. In the above code it will create a rectangular shape and rotates. When we add rectangular shape under it will rotate with given degree. Here rotation is from 45 degree to 45 degree. Also define x and y coordinates of pivot of the rectangle, this will hide rest of the portion of rectangle invisible and.

To create this file, in 'Android' section of Project Panel on the left, go to app > res > drawable. Right click on 'drawable' folder and select 'New > Drawable Resource File'. Create a new file named gradient_background. 1. Linear Style. The most popular Linear Gradient style can be applied by writing following lines of code. By Ravi Tamada September 12, 2013. If you want to add rounded corner to any kind of android view like linear layout, relative layout, button etc., follow the below method. Method 1. Create a xml file under your drawable folder with following code. (The name of the file I created is rounded_corner.xml Simple bottom stroke XML drawable for Android View backgrounds. Raw. gistfile1.xml. <!--. This produces a 1.5dp stroke along the bottom of a View. It works by drawing the stroke color as the background of the View, then the background color on top, offset up by 1.5dp. Unfortunately, this approach. only works if you have solid color backgrounds Step 3: Here right-click on the drawable folder and click on new and select drawable resource file. Give it a name of your choice, we are giving it rounded_corner_view.. Note: In android studio you can't give a name of a resource file (Layout file, Color File, Image File, or any XML file) in uppercase and camelCase, you have to follow the lowercase letters only and it's a good habit to use. Add shadow using drawable without png android. Shadow effect or Elevation will work on lollipop and higher versions of Android using xml property android:elevation=4dp and in java view.setElevation (4);. But these properties will not work on pre lollipop devices. Then to get shadow effect we can use 9 patch png images with shadow effect.

Android Shape, Selector Example


  1. TabLayout with custom indicator. To achieve the desired tab appearance, we need the following: A TabLayout with tabIndicatorColor set to null. A View with gradient background, A ViewPager (we will be using ViewPager.OnPageChangeListener to compute the translation), And a FragmentPagerAdapter for the ViewPager. Let's start coding
  2. When we were chatting with any customer service like eCommerce company or Finance company, then we can observe the dynamic buttons list to show the options that we want to chat with them about
  3. For all the below implementation, just create a new android project and create a new file background_gradient.xml in your drawable folder. Use this as the backgound of your activity layout file. There are 4 parameters: angle, startColor, endColor and type. There are 4 parameters: gradientRadius, startColor, endColor and type
  4. Android Drawable Shape: Rectangle with Rounded Corners. <!--. Control the width and height of the shape -->. <!--. Control the radius of each corners -->. Sign up for free to join this conversation on GitHub . Already have an account
  5. Android 背景样式shape - rectangle矩形 概述. TextView、Button、EditText、ProgressBar、Toast、Checkbox等控件的样式背景,都可以用shape来实现,可以优化资源的使用,在一个项目中,个人觉得各种资源统一管理起来最好,公用一套,方便后期管理,不管以后是你自己管理,还是有后来者接手,都能大大提高工作.

To draw a rectangle in Android you'll need to create your own View, i.e., a class that extends the Android View class. For example, this CustomView shows how to extend a View and then use the Rect and Paint classes along with the onDraw method to draw a rectangle: Now all you have to do is use this CustomView in your Activity android:shape= [rectangle | oval | line | ring] shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形 (oval)、线性形状 (line)、环形 (ring) 下面的属性只有在 android:shape=ring时可用:. android:innerRadius 尺寸,内环的半径。. android:innerRadiusRatio 浮点型,以环的宽度. Android Shapes - Example. Posted on July 19, 2011 by Lars Vogel. In Android you can use Shape Drawables to define background, borders and gradients for your Views. You find the possible types here. To define a shape create a XML file in your drawable folder. For example Android Button Shapes. We can set custom shapes on our button using the xml tag <shape>. These xml files are created in the drawable folder too. shape can be used inside selectors. The shape can be set to rectangle (default), oval, ring, line. The most used tags inside the shape tag are Simple bottom stroke XML drawable for Android View backgrounds. Raw. gistfile1.xml. <!--. This produces a 1.5dp stroke along the bottom of a View. It works by drawing the stroke color as the background of the View, then the background color on top, offset up by 1.5dp. Unfortunately, this approach. only works if you have solid color backgrounds

A Drawable resource is a general concept for a graphic which can be drawn. The simplest case is a graphical file (bitmap), which would be represented in Android via a BitmapDrawable class. Every Drawable is stored as individual files in one of the res/drawable folders. Typically you would store bitmaps for different resolutions in the -mdpi. Android drag and drop. 1.1. Using drag and drop in Android. As of Android 4.0 drag and drop of view onto other views or view groups is supported. 1.2. Allowing a view to be dragged. To use dragging a view you register a OnTouchListener or a LongClickListener on the view which can be dragged. The startDrag method of the View start a drag operation This Android tutorial is to show case how to build an Android activity with card style list view. This is to help achieve a specific styling. This card style is being popularly used to display list style items. We have already seen about creating an Android ListView with custom layout. Code is same as this [ Android operating system offers multiple ways for designing UI. One of the most interesting and efficient way of making custom layouts for buttons, background is through XML. Its easy to design buttons through XML codes and can be used same code for multiple project with slight modification. Buttons or Background made from XML has greate

Android - How to change EditText border

What is Android SeekBar? SeekBar is a UI element that is an extension of the ProgressBar. SeekBar adds a draggable thumb to the ProgressBar. It is commonly used in music apps to provide volume control. SeekBar is like a scale with an upper and lower limit and every step is a single unit Is it possible to add a drop shadow to a custom shape in Android After looking through the documentation I only see a way to apply a tex.. Custom Spinner for Android App. Spinner Widget requires two different custom layouts, one for the view to be displayed and for the drop down list Style and Theme — เพราะชีวิตต้องมีสไตล์. Updated on 26 Dec 2020. Android Resource เป็นหนึ่งในพื้นฐานของการพัฒนาแอนดรอยด์ที่ออกแบบมาให้อยู่ในรูปของ XML โดย.

1. Create a new Android project in Eclipse targeting SDK 14 (ICS) or better. 2. In the /res/drawable folder, create a frame.xml file. In it, we define a simple rectangle with rounded corners and a. This example will show you how to use android selector drawable to make a button to show different background color in different button states(disable, pressed. Using button we have added the following three options. 2.a. Start Button: The start is the activation for the Stopwatch. It will activate the Stopwatch as soon as pressed. 2.b. Stop Button: The Stop button will be used to deactivate the stopwatch. As soon as we click the stop button the stopwatch will be deactivated Step 1. First, we will create an Android Studio project named RecyclerView Example. Android Studio will create two files in the project MainActivity.java and activity_main.xml. Step 2. Before starting with RecyclerView we have to add the RecyclerView dependency in our build.gradle code file of the application. Here is our build.gradle file

Step 1: Create a New Project. To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language. Step 2: Before going to the coding section first you have to do some pre-task. Dice Images: All the dice images are listed below This example demonstrate about How to add dividers and spaces between items in RecyclerView. Step 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project. Step 2 − Add the following code to res/layout/activity_main.xml. In the above code, we have taken recycerview The Android platform facilitates three different types of animation you can define in your application resources: property, tween and frame. In this tutorial, we will create a simple tween animation using shape drawables displayed within Image Views The use of the id @android:id/mask declares this as being a mask, and the mask defines the bounds for the ripple animation. I have included a solid fill within the shape drawable which defines the mask area. This can be omitted without changing anything - I have included it (set to a bright green from the colorAccent attribute) so that it is clear that the mask is not actually rendered, it. In this article, you will learn how to use Border Shadow Effects Using Frame Renderer in your controls in Xamarin forms. Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows Phone, Android, iOS). In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available

Shape Drawables — The Most Powerful Tool for Your Android

  1. Android Chat Tutorial: Building A Realtime Messaging App. In this tutorial, we're going to be building a realtime group chat for Android using the Scaledrone Java API Client. It will work very similarly to apps such as WhatsApp, Facebook Messager and LINE. You can find the full source code on GitHub
  2. Create ninepatch shadow for Android. change padding line position to content. change padding line position to conten
  3. Here, I am going to apply a good look and feel on EditText in Android. For this purpose, we can use image also but I'll use XML here
  4. EffectHub is a social network to connect the world's effect artists to enable them to be more productive and successful
  5. Android RecyclerView List Example. The RecyclerView class extends the ViewGroup class and implements ScrollingView interface. It is introduced in Marshmallow. It is an advanced version of the ListView with improved performance and other benefits. RecyclerView is mostly used to design the user interface with the fine-grain control over the lists.
  6. Many times we want to show a vertical progress bar for example when you are creating a Audio Equalizer or you want to show Volume Bars like One Plus 8 Add this vertical_progress_thumb.xml i

RoundRectShape Android Developer

  1. Example of Login and Registration. In this tutorial, we will learn how to create Login and Registration form in android. Android and registration form is used to obtain credentials from the user. In the activity_.xml file, we have used EditText and set it as textEmailAddress and textPassword in the inputType attribute
  2. In this series, we will create a finger-painting app for Android using touch interaction. The user will be able to select from a color palette, choose a brush size, erase, create a new drawing, or save their existing drawing to the device gallery
  3. Fragments and Tabs. There are several ways to setup tabs with fragments. The easiest is using ActionBar tabs. Note: Standard ActionBar tabs are not supported in Gingerbread, so many people use ActionBarSherlock when Gingerbread must be supported. Google has also released a support AppCompatActivity class which can be used for compatible tabs. Thankfully, both the support approaches are more or.
  4. In this Android tutorial we'll learn to make a calculator APP. Let us plan for a simple and basic functions calculator as it is for learning purposes only. This will help you understand the layouts, buttons and action handling. We'll start with making our layout containing numeric Buttons, operator Button, an equal Button, a TextView and [
  5. In this tutorial I will show you how to create a simple Android App that listens to the speech of a user and converts it to text. The app will then analyze the text and use it as a command to.
  6. Avoiding cold starts on Android 16 Feb 2016. During the last weeks, has been seen in the Android developer community some movement regarding the cold starts, splash screens or launch screens on Android. In this post, I'd like to make clear my opinion of whether they are necessary or not, how to use them and how to go beyond in order to offer the best user experience of onboarding to our users

Designing Login Screen. In this tutorial the main focus is to creating android , registration screens and navigating/switching between them. 1. Create a new project by going to File ⇒ New Android Project. Fill all the details and name your activity as LoginActivity. 2 User27863 posted I'm not sure if this is a compiler issue or if I'm just missing something, but when creating a new XML in the drawable folder, the designer refuses to draw this XML. When I try and apply it as a background, the preview is empty, and setting it as a background does nothing. Is · User209 posted Did you set the build action to. Customizing button using image is the most common and general practise of customizing the button. Firstly, create a new android application in eclipse Eclipse file->New->Android Application Project. So for customising the button using image you require the image of button which you need to apply as its background Drawing Code for iOS 7 Rounded Rectangles. Short story: We've decided to open source some Objective-C categories for drawing the new iOS 7 rounded rectangles. Code download below! Long story: In iOS 7, Apple introduced a slightly different icon shape - it is no longer a simple rectangle with circular arcs in corners. The old design produced a subtle but noticeable hump in places where.

The following tutorial explains how to build an application that can switch between multiple distinct themes. At the end of this exercise, you will have better understanding of some of the core features of Android like - drawables, styles and themes.For more general overview of these concepts, check out Styles and Themes cliffnotes.. A style in Android is a collection of attribute/value pairs. hi!! You can change the appearance of button in android like make the corners of button rounded etc button_shape.xml here you can change the radius of corners you can use this button_shape Login Page in Android Studio Source Code. In this tutorial, we will learn how to create Login and Registration form in android. Android and registration form is used to obtain credentials from the user. We will create two activities Kotlin Firebase Messenger 01: Brand New Series - Creating Register and Login UI. Brand new series on how to create a fully functional chat messaging application for Android. Much to talk about and we'll begin with a demo of all the wonderful features first. Next we'll dive straight into Android Studio and create a brand new project

Agregue una vista de texto a la parte inferior y / o superior de su diseño. Establezca el ancho de TextView en match_parent. Establecer la altura de TextView a 1dp o encontrar el grosor que desea. Establecer el fondo de TextView para el color que desea que el borde de ser. ¡Espero que esto ayude Single item selection can be maintained in RecyclerView by. Two variables to be kept updated when an item is selected. The first variable maintains the currently selected position. The second variable maintains the last selected position. Two different background drawable for the selected and unselected items. Two methods in ViewHolder Class to. Bug 1366680 - Refresh Tab Tray UI. r=jwu,walkingice For photon we need to add some colors. I don't want change current color and dimen too much. I want to add new resources if possible to avoid confliction. For Tab Items, there are three layout 1 java - resource - android shape rectangle . Android: Alternative für context.getDrawable() (5) Die zuvor akzeptierte Methode wurde gemäß der SDK 22-Dokumentation als veraltet eingestuft: Vor android.os.Build.VERSION_CODES # JELLY_BEAN ruft diese Funktion die endgültige Konfigurationsdichte nicht korrekt ab, wenn die hier übergebene.

android - Custom AppCompatAutoCompleteTextView dropdown

Android Shape使用 说明. 在Android开发中,使用shape可以很方便的帮我们画出想要的背景,相对于png图片来说,使用shape可以减少安装包的大小,而且能够更好的适配不同的手机 一、写在前面的:TextView、Button、EditText、ProgressBar、Toast、Checkbox等控件的样式背景,都可以用shape来实现,可以优化资源的使用,在一个项目中,个人觉得各种资源统一管理起来最好,公用一套,方便后期管理,不管以后是你自己管理,还是有后来者接手,都能大大提高工作效率,相信你也不想接手. Drawable. Фигуры и градиенты. Shape и ShapeDrawable; Градиенты: gradient и GradientDrawable; Shape и ShapeDrawable. Фигуры являются подмножеством Drawable-ресурсов.. Данный вид ресурсов на основе класса ShapeDrawable позволяет описывать простые геометрические. 给shape增加padding节点,控制内容与shape图形的边距。. 3)xml布局文件中引用自定义shape. <TextView. android:layout_width = wrap_content. android:layout_height = wrap_content. android:background = @drawable/shape_test. android:text = 添加了填充色,圆角,padding的矩形 />. 1. 2

はじめに 最近の端末は1昔前と違い性能が向上したのであまり画像のサイズを気にする必要はないかもしれませんが、ボタンやviewの背景に画像を使わないことでアプリサイズを軽くすることができます。selectorタグと併用して ボタンなどの背景色を変えるには button.setBackgroundColor(Color.RED); などで出来ますが、buttonのレイアウトをdrawableで指定している場合、上の記述だと drawable指定が無効になります(Radiusなど無視され、ただの赤ボタンになる) なのでGradientDrawableで背景情報を得て、変更しようとしましたが上手く. 目次へ AndroidのいろいろなViewに背景色をつけたり、枠線をつけたりする方法をまとめておきます。 次の2つを設定することで、背景色などを設定することができます。 リソースのdrawableで色や枠線を決めたxmlを作成 layoutのandroid:bac.. Drawableを用意して、ボタンに色や形を適用する. ※まず適当なDrawableを作成し、drawableディレクトリに保存する. color_sample.xml. Copied! <?xml version=1.0 encoding=utf-8?> <shape android:shape=rectangle> <solid android:color=#000000 /> <corners android:radius=5dp /> </shape>. java. Copied.

Easy to use and configurable library to Pick an image from the Gallery or Capture image using Camera. You can easily select image from camera and gallery and upload it wherever you want. We have created this library to simplify pick or capture image feature. Handled permissions for camera and gallery, also supports scoped storage 안녕하세요 돼지왕왕돼지입니다. 오늘은 자주 사용되기 쉬운 모양 ( shape ) 들을 xml 로 정의하고 쉽게 재사용 하는 것에 대해 알아보려 합니다. 이 shape 들을 drawable에 xml 형태로 넣고 ImageView 로 꺼내 사. Урок 162. Графика. Drawable. Shape, Gradient. Подробно ознакомившись с Bitmap, переходим к другому ключевому объекту графики - Drawable. Drawable - это абстрактный контейнер для графического объекта. Его главное. AndroidのShapeDrawableで、 <corners android:radius=5dp /> みたいな指定をすると四隅すべて角丸になりますが、これはbottomLeftRadiusのように各角毎に指定できます。 サンプルは以下の通り。 <?x.. FABに背景が透明な画像を追加しようとしたところ、自動で背景がホワイトになってしまいました。作成した画像は確かに透明なんですが。。。 調べたところAndroid StudioでImage Assetを追加する際に、デフォルトでBackgroundがホワイトになっています。(ちなみにIcon TypeがLegacy o

Video: Android drawable selector and shape examples Codexpedi

Implementation of Android Layout ShadowHow to Set Two Background Color in Android?Video Player in Android Studio

状態によって色を変えるために 次の手順で Selector を定義します。. 今回はClick中は赤、Enable中は黒、Disable中は青にする Selector を作成してみます。. /res/color を右クリックし、New Color Resource File を選択する. File Name に color_selector と入力して OK を押す。. color. [Android] 레이아웃 boder, background, radius 적용 drawable에 xml 생성 bode

Android Shape Drawables Tutorial

안드로이드(Android)에는 Shape Drawable이라는 것이 있습니다. XML로 쉽게 Drawable 객체를 생성하는 것인데, 배경이미지를 만들 때 사용하면 편리합니다. 실제 비트맵을 사용하지 않아도 되므로 apk의 용량도 줄. bendiciones a todos. estoy necesitando hacer medio circulo, si asi como lees, medio circulo con un shape en xml, para situarlo en un fragment escrito en kotlin. <item> <shape android <shape android:shape=rectangle> 四角形 <shape android:shape=line> 線形 <shape android:shape=ring> まん丸 また、今回はItemタグはそのまま記載されていますが、 <item android:state_pressed=true > とすると、ボタンを押したときのデザインを記載できます cc丶文乐. 想坐上时光机告诉曾经的自己:不要作,用心学,做好人,勇敢爱. 用shape没法实现只有上下的边框,建议做一个点9图,然后点9图上上面的和下面的可拉伸的线,左右两侧透明,然后向其中填充文字或其他内容即可实现. 发布于 2016-12-15. 继续浏览内容

Drawable resources Android Developer

Avoid extra saveLayer calls in RippleDrawable, fix docs Also fixes opacity returned from InsetDrawable to accurately reflect the transparent inset area and updates button to correctly use tint 效果四:给按钮添加指示器. 这里的意思就是你可能有个普通的按钮,但是不想做按下的效果了,那么可以在图片上叠加一个光点的图片,这样按下后图片上就会出现这个光点,表明用户已经按下了按钮。. 一个是节约资源,一个是可以最大限度的复用图片。 res . drawable 에 button_roundly 라는 이름으로 리소스파일을 만들고 <?xml version=1.0 encoding=utf-8?> android:padding=10dp android:shape.

Android Border - Draw Android Textview Border - Coding Demos

こちらの記事も読まれています. PHP: アルファベットA〜Zの文字列を取得; MacのターミナルからFinderやブラウザを開 android shape的使用及渐变色、分割线、边框、半透明阴影. 这篇文章主要介绍了android shape的使用及渐变色、分割线、边框、半透明阴影,小编觉得挺不错的,现在分享给大家,也给大家做个参考。. 一起跟随小编过来看看吧

Creating custom tabhost like in chrome browser for Android

Android how to create triangle and rectangle shape

클릭 효과 안드로이드 앱을 사용하다 보면 다음과 같은 터치 효과를 자주 볼 수 있습니다 눌린 곳부터 시작해 퍼지면서 색이 변합니다. 깔끔한 효과와 함께 눌렀다는 느낌을 줍니다. 이와 같은 효과를 Ripple Eff. CSDN问答为您找到在android中怎么创建圆角的文本框?相关问题答案,如果想了解更多关于在android中怎么创建圆角的文本框? android 技术问题等相关问答,请访问CSDN问答 News for Android developers with the who, what, where when and how of the Android community. Probably mostly the how. Here, you'll find: - News for Android developers - Thoughtful, informative articles - Insightful talks and presentations - Useful libraries - Handy tools - Open source applications for studyin

bccn博客始于2006年,已持续运营15载,承诺永不关闭。bccn承诺永不在博客投放广告,打造最纯粹的博客平台 该日志由 bribery 于7年前发表在综合分类下,最后更新于 2014年09月30日. 转载请注明: Android开发设置button形状之圆角、椭圆、矩形 | 学步园 +复制链 いつも参考にさせて貰っています。 アラートダイアログのテーマの変更なのですが、 3.0以上になると外枠は変わるのですが、内側が変更されないようです Message view « Date » · « Thread » Top « Date » · « Thread » From: ianwdun...@apache.org: Subject [17/64] [abbrv] incubator-taverna-mobile git commit: Added the Apache licence header to all code files as necessary

How to add a border to the top and bottom of an Android View

Y.A.M の 雑記帳. どうもね、デフォルトだと詰まり過ぎてると感じるんですよ。. 私は。. RadioButton の画像とテキストの間のことです。. それで、この間に余白いれようかなと思ったんです。. かなと思ったんですけど、ダメでした。. ということでコード見たん. [Android] layout select color change (레이아웃 선택 컬러 변경) xml에 selector값 설정 <?xml version=1.0 encoding=utf-8?> 레이아웃 android:background 속성에 위에 작성한 xml값 부 Android Gradient Background 구현 방식. by 날다고래 2019. 9. 19. drawable xml 방식으로 Gradient background를 표현 할 수 있다. gradient type은 linear, radial, sweep이 있음. 그중 Linear, Radial 만 기술 하려고 한다

background - android studio - radial gradient not workingandroid - How to set Relative background color like half

Android: defining border drawables in xml Codexpedi

Android开发中难免用到自定义的资源文件,其中很重要的便是Shape文件,Shape文件可以用来定义任意形状,常常用来做背景色等。. Shape文件实际上也是.xml,其根元素是shape。下面将详细介绍Shape文件中各种元素和属性的含义。 根元素<shape>指定基本形 Sử dụng Button trong Android, thành phần biểu diễn nút bấm, bắt sự kiện click nên Button cũng như thiết lập màu nền, màu chữ, Drawable khi thay đổi trạng thái Butto 优雅地修改 TabLayout 指示线 Indicator 的宽度. 在工作中,经常会碰到把标签栏指示线的宽度,做的和文字宽度一样,甚至比文字宽度还要短的设计。. 使用 TabLayout 我们可以快速实现一个 Material Design 风格的标签栏,但 TabLayout 的指示线 Indicator 默认是占满一格 Tab 的.