Tabindicator should be correct width and correct position. #980 #947 (#1223)

Co-authored-by: Ronny R <ronny@source.no>

Author: RonnyRos

samples/XCT.Sample/Pages/Views/TabView/TabWidthPage.xaml

@@ -18,6 +18,7 @@
                 TabStripBackgroundColor="Blue"
                 TabStripHeight="60"
                 TabIndicatorColor="Yellow"
+                TabIndicatorWidth="10"
                 TabContentBackgroundColor="Yellow">
                 <xct:TabViewItem
                     Icon="triangle.png"

src/CommunityToolkit/Xamarin.CommunityToolkit/Views/TabView/TabView.shared.cs

@@ -976,7 +976,7 @@ void UpdateTabIndicatorWidth(double tabIndicatorWidth)
 		{
 			if (tabStripIndicator != null)
 			{
-				tabStripIndicator.WidthRequest = tabIndicatorWidth;
+				tabStripIndicator.WidthRequest = TabIndicatorWidth > 0 ? TabIndicatorWidth : tabIndicatorWidth;
 			}
 		}
 
@@ -1076,16 +1076,14 @@ void UpdateTabIndicatorPosition(ItemsViewScrolledEventArgs args)
 				{
 					var progress = (offset - contentWidthCollection[previousIndex]) / (contentWidthCollection[nextIndex] - contentWidthCollection[previousIndex]);
 					var position = toRight ? currentTabViewItem.X + (currentTabViewItemWidth * progress) : currentTabViewItem.X - (currentTabViewItemWidth * progress);
-
-					tabStripIndicator.TranslateTo(position, 0, tabIndicatorAnimationDuration, Easing.Linear);
 				}
 			}
 		}
 
 		void UpdateTabIndicatorPosition(View currentTabViewItem)
 		{
 			var width = TabIndicatorWidth > 0 ? (currentTabViewItem.Width - tabStripIndicator.Width) : 0;
-			var position = currentTabViewItem.X + (width / 2);
+			var position = currentTabViewItem.X + (width / 2) - 1;
 			tabStripIndicator.TranslateTo(position, 0, tabIndicatorAnimationDuration, Easing.Linear);
 		}