沈阳城市建设学院网站电子商务网站建设考卷

前面讲了智慧屏开关通过ubuntu下面的homeassistant和笔记本电脑上的C#程序来进行控制。都可以控制智慧屏开关，但细心的用户已经发现了，我们的初心是在手机上控制开关，电脑现在回家都不一定开机，你在电脑上开发的程序只是实现了能的问题，还是没有实现手机控制。好吧，下面我们就来探索下手机控制智慧屏。

经过几天的尝试，写了一个简单的apk程序，可以开，关三个开关。界面如下：

首先，用的还是VS2022,先创建一个.net maui程序。

重新定义一下界面Main Page.xaml：

<Grid RowDefinitions="*, *, Auto, Auto, Auto, Auto, Auto, Auto"ColumnDefinitions="*, *"Padding="40"><LabelText="GeekPad开关控制器（通过MQTT）"x:Name="Label1"Style="{StaticResource Headline}"SemanticProperties.HeadingLevel="Level1"Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" /><ImageSource="geekpad.png"HeightRequest="185"Aspect="AspectFit"SemanticProperties.Description="dot net bot in a race car number eight" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"/><Buttonx:Name="Switch1OnBtn"Text="开_1" SemanticProperties.Hint="打开开关1"Clicked="OnSwitch1OnClicked"HorizontalOptions="Fill" Grid.Row="2" Grid.Column="0"/><Buttonx:Name="Switch1OffBtn"Text="关_1" SemanticProperties.Hint="关闭开关1"Clicked="OnSwitch1OffClicked"HorizontalOptions="Fill" Grid.Row="2" Grid.Column="1"/><Buttonx:Name="Switch2OnBtn"Text="开_2" SemanticProperties.Hint="打开开关2"Clicked="OnSwitch2OnClicked"HorizontalOptions="Fill" Grid.Row="3" Grid.Column="0"/><Buttonx:Name="Switch2OffBtn"Text="关_2" SemanticProperties.Hint="关闭开关2"Clicked="OnSwitch2OffClicked"HorizontalOptions="Fill" Grid.Row="3" Grid.Column="1"/><Buttonx:Name="Switch3OnBtn"Text="开_3" SemanticProperties.Hint="打开开关3"Clicked="OnSwitch3OnClicked"HorizontalOptions="Fill" Grid.Row="4" Grid.Column="0"/><Buttonx:Name="Switch3OffBtn"Text="关_3" SemanticProperties.Hint="关闭开关3"Clicked="OnSwitch3OffClicked"HorizontalOptions="Fill" Grid.Row="4" Grid.Column="1"/>
</Grid>

修改MainPage.xaml.cs代码:

先启动服务器，再初始化一个客户端：

 MqttClient client;public MainPage(){InitializeComponent();Start_Mqttserver();Label1.Text = "MQTT Server is Ready.";client = new MqttClient{Log = XTrace.Log,Server = "tcp://127.0.0.1:1883",ClientId = Guid.NewGuid() + "",};}public void Start_Mqttserver(){var services = ObjectContainer.Current;services.AddSingleton<ILog>(XTrace.Log);services.AddTransient<IMqttHandler, MqttHandler>();services.AddSingleton<MqttExchange, MqttExchange>();var server = new MqttServer{Port = 1883,ServiceProvider = services.BuildServiceProvider(),Log = XTrace.Log,SessionLog = XTrace.Log,};server.Start();}

然后，定义按钮事件：

private void OnSwitch1OnClicked(object sender, EventArgs e)
{Switch1On();
}private void OnSwitch1OffClicked(object sender, EventArgs e)
{Switch1Off();
}public async Task Switch1On()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/1/set", "ON").ConfigureAwait(false);
}public async Task Switch1Off()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/1/set", "OFF").ConfigureAwait(false);
}private void OnSwitch2OnClicked(object sender, EventArgs e)
{Switch2On();
}private void OnSwitch2OffClicked(object sender, EventArgs e)
{Switch2Off();
}public async Task Switch2On()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/2/set", "ON").ConfigureAwait(false);
}public async Task Switch2Off()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/2/set", "OFF").ConfigureAwait(false);
}private void OnSwitch3OnClicked(object sender, EventArgs e)
{Switch3On();
}private void OnSwitch3OffClicked(object sender, EventArgs e)
{Switch3Off();
}public async Task Switch3On()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/3/set", "ON").ConfigureAwait(false);
}public async Task Switch3Off()
{await client.ConnectAsync().ConfigureAwait(false);await client.PublishAsync("homeassistant/ECDA3B62A4CC/3/set", "OFF").ConfigureAwait(false);
}

选择安卓模拟器，生成apk文件，然后将apk拷贝到手机上进行安卓。

安卓好以后打开apk,同时到手机设置里面查看一下IPv4地址，在GeekPad智慧屏MQTT设置界面填上手机的IP地址，重启后就可以用手机控制智慧屏开关了。非常的简单，大家可以试一下。图片的话大家可以改为自己的图片，显得更有个性。下面是项目截图，供大家参考。