Xamarin Forms中如何在Content Page布局内添加内置拨号键盘而非调用外部拨号器？

我懂你想要的效果——在自己的Content Page里嵌入一个专属的拨号键盘，而不是一触发拨号就跳转到系统自带的拨号器页面。之前用Xamarin Essentials确实会直接唤起外部应用，那咱们来一步步实现完全内置的版本：

1. 搭建拨号键盘布局 #

首先用XAML构建一个和系统拨号器风格接近的布局，用Grid来规整数字键的排列，顶部放一个显示输入号码的控件：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourAppNamespace.DialerPage">
    <StackLayout Padding="20" VerticalOptions="Center">
        <!-- 号码显示区域（用Entry方便后续扩展，也可以换成Label避免软键盘弹出） -->
        <Entry x:Name="NumberDisplay" 
               Placeholder="请输入号码" 
               FontSize="Large" 
               HorizontalTextAlignment="Center"
               IsReadOnly="True" 
               Keyboard="None" />
        
        <!-- 拨号键盘Grid -->
        <Grid Margin="0,20,0,0" ColumnSpacing="12" RowSpacing="12">
            <!-- 第一行数字键 -->
            <Button Text="1" Clicked="OnNumberKeyClicked" Grid.Row="0" Grid.Column="0" FontSize="Large" />
            <Button Text="2" Clicked="OnNumberKeyClicked" Grid.Row="0" Grid.Column="1" FontSize="Large" />
            <Button Text="3" Clicked="OnNumberKeyClicked" Grid.Row="0" Grid.Column="2" FontSize="Large" />
            
            <!-- 第二行数字键 -->
            <Button Text="4" Clicked="OnNumberKeyClicked" Grid.Row="1" Grid.Column="0" FontSize="Large" />
            <Button Text="5" Clicked="OnNumberKeyClicked" Grid.Row="1" Grid.Column="1" FontSize="Large" />
            <Button Text="6" Clicked="OnNumberKeyClicked" Grid.Row="1" Grid.Column="2" FontSize="Large" />
            
            <!-- 第三行数字键 -->
            <Button Text="7" Clicked="OnNumberKeyClicked" Grid.Row="2" Grid.Column="0" FontSize="Large" />
            <Button Text="8" Clicked="OnNumberKeyClicked" Grid.Row="2" Grid.Column="1" FontSize="Large" />
            <Button Text="9" Clicked="OnNumberKeyClicked" Grid.Row="2" Grid.Column="2" FontSize="Large" />
            
            <!-- 第四行功能键 -->
            <Button Text="*" Clicked="OnNumberKeyClicked" Grid.Row="3" Grid.Column="0" FontSize="Large" />
            <Button Text="0" Clicked="OnNumberKeyClicked" Grid.Row="3" Grid.Column="1" FontSize="Large" />
            <Button Text="#" Clicked="OnNumberKeyClicked" Grid.Row="3" Grid.Column="2" FontSize="Large" />
            
            <!-- 辅助功能键 -->
            <Button Text="←" Clicked="OnDeleteKeyClicked" Grid.Row="0" Grid.Column="3" Grid.RowSpan="2" FontSize="Large" />
            <Button Text="拨号" Clicked="OnDialButtonClicked" Grid.Row="2" Grid.Column="3" Grid.RowSpan="2" 
                    BackgroundColor="#2ECC71" TextColor="White" FontSize="Large" />
        </Grid>
    </StackLayout>
</ContentPage>

2. 实现交互逻辑 #

接下来在后台C#代码里处理各个按钮的点击事件，完成号码输入、删除，还有最后的拨号动作（这里拨号依然可以用Xamarin Essentials，但只是触发拨号动作，键盘是完全内置的）：

using Xamarin.Essentials;
using Xamarin.Forms;

namespace YourAppNamespace
{
    public partial class DialerPage : ContentPage
    {
        public DialerPage()
        {
            InitializeComponent();
        }

        // 数字/符号键点击事件
        private void OnNumberKeyClicked(object sender, EventArgs e)
        {
            if (sender is Button keyButton)
            {
                NumberDisplay.Text += keyButton.Text;
            }
        }

        // 删除键点击事件
        private void OnDeleteKeyClicked(object sender, EventArgs e)
        {
            if (!string.IsNullOrEmpty(NumberDisplay.Text))
            {
                NumberDisplay.Text = NumberDisplay.Text.Substring(0, NumberDisplay.Text.Length - 1);
            }
        }

        // 拨号按钮点击事件
        private async void OnDialButtonClicked(object sender, EventArgs e)
        {
            if (string.IsNullOrWhiteSpace(NumberDisplay.Text))
            {
                await DisplayAlert("提示", "请输入有效的电话号码", "确定");
                return;
            }

            try
            {
                // 调用系统拨号功能，但键盘是我们自己内置的
                await PhoneDialer.OpenAsync(NumberDisplay.Text);
            }
            catch (FeatureNotSupportedException)
            {
                await DisplayAlert("错误", "当前设备不支持拨号功能", "确定");
            }
            catch (Exception ex)
            {
                await DisplayAlert("错误", $"拨号失败：{ex.Message}", "确定");
            }
        }
    }
}

3. 优化体验的小细节 #

• 替换号码显示控件：如果不想让系统软键盘弹出，可以把Entry换成Label，绑定文本属性，体验更贴近原生拨号器；
• 添加按钮点击反馈：用Visual State Manager给按钮加按下时的背景色变化，提升交互感：

  <Button Text="1" FontSize="Large">
      <VisualStateManager.VisualStateGroups>
          <VisualStateGroup x:Name="CommonStates">
              <VisualState x:Name="Pressed">
                  <VisualState.Setters>
                      <Setter Property="BackgroundColor" Value="#E0E0E0" />
                  </VisualState.Setters>
              </VisualState>
          </VisualStateGroup>
      </VisualStateManager.VisualStateGroups>
  </Button>
  

• 自定义拨号逻辑：如果完全不想依赖Xamarin Essentials，可以通过DependencyService调用原生平台的拨号API，实现更定制化的功能。

内容的提问来源于stack exchange，提问作者ahmed gaber