How to Change Material Chip Text Size, Text Style and Font

Chips in Android is a Material Design Component used primarily for actions or choice or during filters or as an input.

The attributes like textColor, textStyle and fontFamily are ignored when added to the Material Chips directly. We need to modify these values using textAppearance.

<com.google.android.material.chip.Chip
    android:id="@+id/maleChip"
    style="@style/Widget.MaterialComponents.Chip.Choice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checkable="true"
    android:layoutDirection="locale"
    android:text="@string/chip_text_male"
    android:textAppearance="@style/AppTheme.GenderChip"
    android:textColor="@color/colorWhiteText"
    app:chipBackgroundColor="@drawable/select_chip"
    app:chipEndPadding="@dimen/chip_horizontal_margin"
    app:chipStartPadding="@dimen/chip_horizontal_margin" />

The text appearance style for the Android Chip is set as AppTheme.GenderChip. We will define the required attributes in the styles.xml file as shown below.

<style name="AppTheme.GenderChip" parent="TextAppearance.MaterialComponents.Chip">
    <item name="android:textSize">18sp</item>
    <item name="android:textStyle">bold</item>
    <item name="fontFamily">sans-serif-condensed-light</item>
</style>

These attributes are now applied to the Material Chip changing the text size, style and font family.

Popular posts from this blog

Run the Emulator directly in Android Studio

Image
In Android Studio 4.1, a minor feature is released to reduce the screen (or window) switching between Android Studio and the Emulator. Using this feature, we can now run the Emulator directly inside the Android Studio. We can make the changes to the code and see the changes reflect in the emulator in the same window similar to layout XML and its preview. To achieve this, open the Preferences window and select the Emulator menu item under the Tools expandable menu. Here we can check the option Launch in a tool window and click OK . Now run the Emulator to see it inside the Android Studio window.
Read more

Listen to Back Button Clicks in Fragment

Listening to the back button click event inside the fragments, comprised of a painful implementation of the interfaces and the onBackPressed method calls in both Activity and Fragment, prior to the introduction of the OnBackPressedDispatcher . But now, inside a Fragment, the back button behaviour can be controlled by listening to the callback returned by the OnBackPressedDispatcher . This callback listener is implemented inside the  onCreate overridden method. override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) // Listen to Back button clicks val callback = requireActivity().onBackPressedDispatcher.addCallback(this) { // Handle the back button event } } Use onBackPressedDispatcher method to get the OnBackPressedDispatcher and add the callback using the addCallback method. This callback method takes a lifecycle owner. Handle the back button events whenever the callback gets triggered. The same implementation can be d...
Read more

How to Read Metadata from AndriodManifest File

Metadata tags are key-value pairs and one of the decent ways to access the API keys from the libraries. They are added to the AndroidManifest.xml under the application tag and are available through the PackageManager . If you have worked with third-party libraries or even with App shortcuts, Downloadable Fonts, Firebase MLKit, you may have come across metadata tags. In the article, let’s add the metadata tags to the app module’s Manifest file and read the metadata key-values and the key-resource from a library module both in kotlin and java. Add meta-data: Add metadata to the app module's AndroidManifest.xml file under the application tag. You can add as many metadata elements as you want and you can also add metadata under the activity, service, broadcast receiver, content provider tags. <meta-data android:name= "com.gsrikar.library.LIBRARY_ACCESS_KEY" android:value= "masndfiu4er9funwikesd" /> <meta-data and...
Read more

The Kano Method in Product Management: A Comprehensive Guide

Image
Introduction Understanding what truly delights customers is one of the biggest challenges in product management. While some features are essential, others can significantly enhance customer satisfaction or even exceed expectations. The Kano Method is a powerful prioritization framework that helps product managers classify product features based on how they impact customer satisfaction. Developed by Professor Noriaki Kano in the 1980s, this method categorizes product features into different types of customer needs—ranging from basic expectations to features that create excitement. By using the Kano model, product managers can prioritize features that maximize customer satisfaction while balancing essential functionality. In this article, we'll dive deep into the Kano Method, its categories, how to apply it, and why it’s a game-changer for product prioritization. What? The Kano Method is a customer satisfaction framework that helps product managers categorize product features based o...
Read more

Capture Images with CameraX

Image
Google at its 2019 I/O introduced CameraX, a camera library as part of the Jetpack support library. With CameraX, the developers can spend less time writing the logic to set up the preview to analyze the preview or capture an image and more on time business logic. CameraX is built to simplify three use cases when building a camera application. These are showing a preview, taking a picture and analyzing the image. In addition to that, CameraX provides what is called CameraX Extensions, which enables the developers to take advantage of the device-specific and vendor-specific effects like bokeh, HDR, Night, Beauty mode. With this, the features of the native camera application on the device can be easily extended to our application. A temporary disadvantage is that the CameraX is available for the devices running API 21 (Lollipop or Android 5.0) and higher. This is because of its heavy use of Camera2 API's. In this article, we will take a look at how to show camera...
Read more