android - ট্যাবলআউট(অ্যান্ড্রয়েড ডিজাইনের লাইব্রেরি) পাঠ্যের রঙ




android-design-library androiddesignsupport (6)

আমি অ্যান্ড্রয়েড ডিজাইন লাইব্রেরি থেকে নতুন ট্যাবলআউট ব্যবহার করছি। আমি ট্যাবলয়আউট.সেটট্যাব tabLayout.setTabTextColors(colorstatelist) ব্যবহার করে tabLayout.setTabTextColors(colorstatelist) রঙের স্টেটলিস্ট সেট করতে সক্ষম হয়েছি

আমি কীভাবে স্টাইল.এক্সএমএল ব্যবহার করে এটি অর্জন করতে পারি?


এক্সএমএল বৈশিষ্ট্যগুলির মাধ্যমে:

<android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"
        app:tabTextColor="@color/your_unselected_text_color"
        app:tabSelectedTextColor="@color/your_selected_text_color"/>

অতিরিক্তভাবে, আরও স্টাইলিংয়ের জন্য ট্যাব ইন্ডিকেটর কালার বা ট্যাব ইন্ডিসিকেটারহাইটের মতো বৈশিষ্ট্য রয়েছে।

কোডে:

tabLayout.setTabTextColors(
    getResources().getColor(R.color.your_unselected_text_color),
    getResources().getColor(R.color.your_selected_text_color)
);

যেহেতু এই পুরানো উপায়টি 23 এআইপি 23 হিসাবে অবচিত করা হয়েছে, বিকল্পটি হ'ল:

tabLayout.setTabTextColors(
    ContextCompat.getColor(context, R.color.your_unselected_text_color),
    ContextCompat.getColor(context, R.color.your_selected_text_color)
);

আপনাকে কেবল android:textAppearance ওভাররাইড করতে হবে android:textAppearance স্টাইল। কারণ ট্যাবলআউট টেক্সটঅ্যাপেন্স ব্যবহার করে। শৈলীর ছোট ছোট স্নিপেট কোডটি এখানে।

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Below will reference with our custom style -->
    <item name="android:textAppearance">@style/my_tab_text</item>
</style>

<style name="my_tab_text" parent="Base.TextAppearance.AppCompat">
    <item name="android:textColor">@android:color/holo_blue_dark</item>
</style>

এবং আপনি যদি নিজের অ্যাপথেম থেকে রেফারেন্স দিতে চান না তবে আপনি নীচে স্নিপেট ব্যবহার করে সরাসরি ট্যাবলিয়টে নির্দিষ্ট করতে পারেন।

 <android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextAppearance="@style/my_tab_text"
            app:tabIndicatorHeight="48dp"/>

কাস্টম ট্যাবগুলির জন্য আমাদের নীচেরগুলিকে ওভাররাইড করতে হবে: 1) অ্যাপ্লিকেশন: ট্যাবটেক্সটল কালার // for_unselected_text "

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            style="@style/MyCustomTabLayout"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:background="?attr/colorPrimary"
            android:scrollbarSize="24sp"
            android:visibility="gone"
            app:tabTextColor="@color/white_40_percent"
            app:tabMode="scrollable" />

2) ট্যাবসিলিগ্রেড টেক্সট कलোর // নির্বাচিত ট্যাব রঙের জন্য 3) ট্যাব ইন্ডিকেটর কলার // ট্যাব সূচকটির জন্য রঙ

   <style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="android:textColorPrimary">@color/white</item>
    <item name="tabSelectedTextColor">@color/white</item>
    <item name="tabTextAppearance">@style/TabTextStyle</item>
    <item name="tabIndicatorColor">?attr/colorAccent</item>
    <item name="tabIndicatorHeight">4dp</item>
    <item name="android:tabStripEnabled">true</item>
    <item name="android:padding">0dp</item>
  </style>



<style name="TabTextStyle">
    <item name="android:fontFamily">@string/font_fontFamily_medium</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textAllCaps">true</item>
    <item name="android:textColor">@color/tab_text_color</item>
    <item name="android:textSize">16sp</item>
</style>

tab_text_color.xml

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="@color/white_40_percent"android:state_selected="false"/>
  <item android:color="@color/white_100_percent"android:state_selected="true"/>
 </selector>

পাঠ্য শৈলী এবং নির্বাচিত পাঠ্যের রঙকে ওভাররাইড করার জন্য এখানে স্নিপেট কোড

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabTextAppearance">@style/MyCustomTabText</item>
    <item name="tabSelectedTextColor">@color/tab_text_act</item>
</style>

<style name="MyCustomTabText" parent="TextAppearance.AppCompat.Button">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/tab_text</item>
</style>

এবং এখানে লেআউট জন্য স্নিপেট কোড

<android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/MyCustomTabLayout" />

উপাদান উপাদান লাইব্রেরিতে সরবরাহ করা TabLayout সহ আপনি:

  • একটি কাস্টম শৈলী ব্যবহার করুন
 <com.google.android.material.tabs.TabLayout style="@style/My_Tablayout" ..> 

এবং আপনার স্টাইলে একটি নির্বাচকের সাথে tabTextColor ব্যবহার করুন।

 <!-- TabLayout --> <style name="My_Tablayout" parent="Widget.MaterialComponents.TabLayout" > <item name="tabTextColor">@color/tab_layout_selector</item> </style> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="?attr/colorPrimary" android:state_selected="true"/> <item android:alpha="0.60" android:color="?attr/colorOnSurface"/> </selector> 
  • app:tabTextColor ব্যবহার app:tabTextColor আপনার বিন্যাসে app:tabTextColor :
 <com.google.android.material.tabs.TabLayout app:tabTextColor="@color/tab_layout_selector" ..> 


সেরা বা স্বল্প এবং সহজ উপায় কাস্টম অ্যাপবার পছন্দ করা হয়

 <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="?android:attr/actionBarSize"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/colorAccent"
    app:theme="@style/myCustomAppBarTheme"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"><RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageButton
            android:id="@+id/btn_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:background="@android:color/transparent"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:id="@+id/txt_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="16dp"
            android:layout_marginStart="16dp"
            android:layout_toEndOf="@+id/btn_back"
            android:layout_toRightOf="@+id/btn_back"
            android:text="Title"
            android:textColor="@android:color/white"
            android:textSize="20sp"
            android:textStyle="bold" />

    </RelativeLayout>
    </android.support.v7.widget.Toolbar>




androiddesignsupport