title: Button BorderColor Gradient Android
body: <p>I am trying to create a ring like this:
  <a href="https://i.stack.imgur.com/rSkgG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rSkgG.png" alt="button border color" /></a>
  (<a href="https://dribbble.com/shots/2884311--Exploration-Thermostat-Dashboard" rel="nofollow noreferrer">credits</a>)</p>
  <hr />
  <p>So here are my attemps:</p>
  <pre><code>                &lt;Ellipse StrokeThickness=&quot;50&quot;
                       WidthRequest=&quot;300&quot;
                       HeightRequest=&quot;300&quot;
                       Grid.Column=&quot;0&quot;&gt;
                  &lt;Ellipse.Stroke&gt;
                      &lt;LinearGradientBrush&gt;
                          &lt;GradientStop Color=&quot;Red&quot;
                                        Offset=&quot;0.1&quot; /&gt;
                          &lt;GradientStop Color=&quot;DarkBlue&quot;
                                        Offset=&quot;1.0&quot; /&gt;
                      &lt;/LinearGradientBrush&gt;
                  &lt;/Ellipse.Stroke&gt;
              &lt;/Ellipse&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/8035h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8035h.png" alt="ellipse" /></a></p>
  <p>This would be good, but I am unable to add text to the center. Furthermore this hole thing have to be clickable.</p>
  <hr />
  <pre><code>                    &lt;Button Text=&quot;42&quot;
                          FontSize=&quot;50&quot;
                          TextColor=&quot;Black&quot;
                          BorderColor=&quot;Chartreuse&quot;
                          Background=&quot;Transparent&quot;
                          CornerRadius=&quot;300&quot;
                          WidthRequest=&quot;300&quot;
                          HeightRequest=&quot;300&quot;
                          BorderWidth=&quot;50&quot;&gt;
                  &lt;/Button&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/8Ec08.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Ec08.png" alt="button" /></a></p>
  <p>I think the way to go is to use a button. Unfortunately the BorderColor do not accept a gradient like above.</p>
  <p>I tried the same with a Frame Control, but that doesnt accept a gradient in BorderColor too!</p>
  <p>I found some examples for iOS and UWP which use custom renderers, but not for Android.
  Also they hard code the gradient, which I don't want. I want to be able to change the gradient colors based on the values in the middle.</p>
  <p>Maybe someone can guide me in the right direction?</p>