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

幾乎每個(gè)移動(dòng)應(yīng)用都有收集用戶輸入的場(chǎng)景。正是考慮到這一點(diǎn)，我們?yōu)閄amarin的Telerik UI引入了Entry控件，以幫助您創(chuàng)建漂亮且用戶友好的表單。

在Telerik UI中為Xamarin引入新條目

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

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

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

自定義水印

水印用于為最終用戶提供應(yīng)輸入的文本的指導(dǎo)。您可以通過(guò)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模擬器上的外觀：

自定義控件的外觀和感覺(jué)

Entry控件允許您自定義其視覺(jué)外觀，以使其適合您的應(yīng)用程序的設(shè)計(jì)。下面是一個(gè)示例，說(shuō)明如何利用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模擬器上的結(jié)果：

購(gòu)買Telerik正版授權(quán)，請(qǐng)點(diǎn)擊“”喲！