下載Telerik UI for Asp.Net最新版本

幾乎每個移動應用都有收集用戶輸入的場景。正是考慮到這一點，我們為Xamarin的Telerik UI引入了Entry控件，以幫助您創建漂亮且用戶友好的表單。

在Telerik UI中為Xamarin引入新條目

用于Xamarin Entry的Telerik UI 是一個輸入控件，它接受字符串作為輸入，并為您提供自定義外觀的選項，因此它與應用程序的其余部分保持一致。它擴展了默認的Xamarin Forms Entry控件，并在其上添加了以下功能：

• 支持Telerik主題機制
• 可定制的水印
• 自定義它周圍的邊框
• 支持Xamarin.Forms條目的所有功能，例如密碼輸入和考慮預期輸入的定義虛擬鍵盤

在下面的部分中，我將為您提供一些快速示例，說明如何利用控件的主要功能。

自定義水印

水印用于為最終用戶提供應輸入的文本的指導。您可以通過WatermarkTextColor屬性輕松更改水印的顏色。看看下面的代碼：

<telerikInput:RadEntry BackgroundColor="White"
           WatermarkText="only letters and numbers"
           TextColor="Black"
           WatermarkTextColor="#C0C0C0">
    <telerikInput:RadEntry.Padding>
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="Android,UWP" Value="10,10,0,10" />
            <On Platform="iOS" Value="10,10,0,20" />
        </OnPlatform>
    </telerikInput:RadEntry.Padding>
    <telerikInput:RadEntry.BorderStyle>
        <telerikInput:BorderStyle CornerRadius="8"
                        BorderColor="#808080"
                        BorderThickness="1" />
    </telerikInput:RadEntry.BorderStyle>
</telerikInput:RadEntry>

這就是它在iOS模擬器上的外觀：

自定義控件的外觀和感覺

Entry控件允許您自定義其視覺外觀，以使其適合您的應用程序的設計。下面是一個示例，說明如何利用BorderStyle，Padding等條目樣式功能使您的表單更漂亮，并更好地捕獲最終用戶的注意力：

<telerikInput:RadEntry BackgroundColor="#26A6D1"
                WatermarkText="Enter First Name"
                TextColor="White">
    <telerikInput:RadEntry.HeightRequest>
        <OnPlatform x:TypeArguments="x:Double">
            <On Platform="Android, iOS" Value="40"/>
            <On Platform="UWP" Value="-1"/>
        </OnPlatform>
    </telerikInput:RadEntry.HeightRequest>
    <telerikInput:RadEntry.Padding>
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="Android,UWP" Value="10,10,0,10" />
            <On Platform="iOS" Value="10,10,0,20" />
        </OnPlatform>
    </telerikInput:RadEntry.Padding>   
    <telerikInput:RadEntry.BorderStyle>
        <telerikInput:BorderStyle CornerRadius="0"
                          BorderColor="White"
                          BorderThickness="1">
        </telerikInput:BorderStyle>
    </telerikInput:RadEntry.BorderStyle>   
</telerikInput:RadEntry>

這是iOS模擬器上的結果：

購買Telerik正版授權，請點擊“”喲！