javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(android): tab view icon rendering mode (#9605)

Browse Source 
Co-authored-by: wSedlacek <wsedlacekc@gmail.com>
This commit is contained in:
William Sedlacek
2022-02-16 19:10:31 -08:00
committed by Nathan Walker
parent 08028dd9f4
commit 66d8afffc1
9 changed files with 104 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/TabIconRenderingMode.java Normal file
View File

@@ -0,0 +1,6 @@
package org.nativescript.widgets;
public enum TabIconRenderingMode {
template,
original
}

8
packages/ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/TabLayout.java
View File

@@ -131,6 +131,14 @@ public class TabLayout extends HorizontalScrollView {
return this.mSelectedIndicatorColors;
}
public void setIconRenderingMode(TabIconRenderingMode mode) {
mTabStrip.setIconRenderingMode(mode);
}
public TabIconRenderingMode getIconRenderingMode() {
return mTabStrip.getIconRenderingMode();
}
public void setTabTextColor(int color){
mTabStrip.setTabTextColor(color);
}

38
packages/ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/TabStrip.java
View File

@@ -18,6 +18,7 @@ package org.nativescript.widgets;
import android.content.Context;
import android.content.res.ColorStateList;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
@@ -26,6 +27,9 @@ import android.util.TypedValue;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.ImageView;
import androidx.core.widget.ImageViewCompat;
class TabStrip extends LinearLayout {
@@ -51,6 +55,7 @@ class TabStrip extends LinearLayout {
private int mTabTextColor;
private int mSelectedTabTextColor;
private float mTabTextFontSize;
private TabIconRenderingMode mIconRenderingMode;
private boolean mShouldUpdateTabsTextColor;
@@ -88,6 +93,7 @@ class TabStrip extends LinearLayout {
// Default selected color is the same as mTabTextColor
mSelectedTabTextColor = mTabTextColor;
mIconRenderingMode = TabIconRenderingMode.original;
mShouldUpdateTabsTextColor = true;
@@ -106,6 +112,15 @@ class TabStrip extends LinearLayout {
invalidate();
}
void setIconRenderingMode(TabIconRenderingMode mode) {
mIconRenderingMode = mode;
updateTabsTextColor();
}
TabIconRenderingMode getIconRenderingMode() {
return mIconRenderingMode;
}
void setTabTextColor(int color){
mTabTextColor = color;
updateTabsTextColor();
@@ -128,16 +143,31 @@ class TabStrip extends LinearLayout {
mShouldUpdateTabsTextColor = value;
}
private void updateTabsTextColor(){
private void updateTabsTextColor() {
if (mShouldUpdateTabsTextColor) {
final int childCount = getChildCount();
int greyColor = Color.parseColor("#A2A2A2");
for (int i = 0; i < childCount; i++){
LinearLayout linearLayout = (LinearLayout)getChildAt(i);
ImageView imageView = (ImageView)linearLayout.getChildAt(0);
TextView textView = (TextView)linearLayout.getChildAt(1);
if (i == mSelectedPosition){
textView.setTextColor(mSelectedTabTextColor);
if (mIconRenderingMode == TabIconRenderingMode.template) {
ColorStateList tint;
if (i == mSelectedPosition) {
tint = ColorStateList.valueOf(mSelectedTabTextColor);
} else {
tint = ColorStateList.valueOf(greyColor);
}
ImageViewCompat.setImageTintList(imageView, tint);
} else {
ImageViewCompat.setImageTintList(imageView, null);
}
else {
if (i == mSelectedPosition) {
textView.setTextColor(mSelectedTabTextColor);
} else {
textView.setTextColor(mTabTextColor);
}
}