Msui android entry focus line issue

Question

Hi all

Is it possible to show the line in the android entry control
only when the entry get the focus
and to hide it when not

Thank you very much

Answer 1

Hello,

It is more recommended to hide the underline of entry. Then, you could use a BoxView as the underline of the entry to implement this feature.

This is because for an element style, it would be better if we could implement it using cross-platform UI classes. This helps maintain the code and facilitates subsequent expansion to other platforms.

You could refer to the following code sample to implement this feature:

   // First hide the underline of entry via handler:  
   // Call this method in the constructor method of your Page.  
   void ModifyEntry()  
   {  
       Microsoft.Maui.Handlers.EntryHandler.Mapper.AppendToMapping("MyCustomization", (handler, view) =>  
       {  
   #if ANDROID  
           GradientDrawable gd = new GradientDrawable();  
           gd.SetColor(global::Android.Graphics.Color.Transparent);  
           handler.PlatformView.SetBackground(gd);  
           handler.PlatformView.SetRawInputType(InputTypes.TextFlagNoSuggestions);  
           handler.PlatformView.SetHintTextColor(ColorStateList.ValueOf(global::Android.Graphics.Color.White));  
   #endif  
       });  
   }  

Then, you could use the BoxView to draw a underline for the Entry:

   <ContentView Margin="10">  
       <VerticalStackLayout>  
           <Entry Focused="Entry_Focused" Unfocused="Entry_Unfocused"/>  
           <BoxView x:Name="underline" IsVisible="false" BackgroundColor="Black" HeightRequest="1"/>  
       </VerticalStackLayout>  
   </ContentView>  

Finally, you just need to set the visibility of BoxView in focused and unfocused events of the Entry, like underline.IsVisible = false;.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.