on-screen-keyboard 相关问题

有没有办法更新Screen对象？备注：屏幕对象如 (Screen s in Screen.AllScreens) 如果缩放或其他属性更改，则对象不会更改。很详细的

这个人有一个类似的项目，但是针对linux：https://unix.stackexchange.com/questions/343305/disable-keyboard-but-still-allow-reading-from-it 我想做的是让数字键盘表现得像

如何在SikuliX（Java）中单击当前鼠标位置？

这是我尝试过的：屏幕 screenWithCalendarField = new Screen(); 比赛日历 = new Match(); 尝试{ 日历 = screenWithCalendarField.find(new File("D:\Sikuli\CalendarField.png").

如何从Python中的另一个类更改kivy中的标签文本？

我是Python大佬。这是我的 python 文件：从 kivy.app 导入 App 从 kivy.uix.screenmanager 导入 ScreenManager, Screen 从 kivy.lang 导入生成器 kv = Builder.load_file('test.kv...

使用海龟图形的谢尔宾斯基三角形递归

我正在尝试编写一个程序，使用turtle用python绘制谢尔宾斯基树。这是我的想法：进口龟 def draw_sierpinski(长度,深度): 窗口 = 海龟.Screen() t = 乌龟....

PIL：ImageGrab.grab() 失败 - OSError：屏幕抓取在一段时间后失败

我使用 ImageGrab.grab() 来截取屏幕截图。我有一个功能，可以以一定的延迟无限地截取屏幕截图。然而，大约2小时左右后，出现错误OSError: screen scrap

从 Android Automotive OS 中“Screen”子类的方法获取“Activity”实例

我正在尝试在 Android (13) 汽车操作系统中制作一个简单的应用程序。我的理解非常有限，尤其是在活动方面。在onGetTemplate中，我希望请求许可，w...

⚡️ 类型错误：模块名称，“@capacitor/splash-screen”无法解析为有效的 URL

当我创建一个 Capacitorjs 项目并添加 iOS，然后打开 Xcode 并单击运行时，它会在 Xcode 输出中输出错误并显示白屏。它的网络版本运行良好。我已经修改了...

Javascript 函数 openFullscreen() ，如何让它在页面上的多个 iframe 上工作

在页面上我有一个 iframe，src 中有 *.pdf 文件。 <p>在页面上我有一个 iframe，src 中有 *.pdf 文件。</p> <pre><code><div class="node--view-mode-full"> <p><iframe allow="fullscreen" allowfullscreen="" frameborder="0" height="980" scrolling="no" src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" width="660"></iframe></p> <p><iframe allow="fullscreen" allowfullscreen="" frameborder="0" height="980" scrolling="no" src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" width="660"></iframe></p> </div> </code></pre> <p>浏览器中内置的 pdf 查看器现在不支持 iframe 中的全屏模式。</p> <p>我找到了解决方案<a href="https://www.w3schools.com/howto/howto_js_fullscreen.asp" rel="nofollow noreferrer">https://www.w3schools.com/howto/howto_js_fullscreen.asp</a>，解决了问题 - 以全屏模式打开 iframe。在 w3schools 的示例中，打开 iframe 的按钮已存在于 HTML <a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen" rel="nofollow noreferrer">https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_fullscreen</a>.</p> <p>在我的解决方案中，我通过 javascript 添加按钮，因为带有 iframe 的页面已经存在，但没有此类按钮：</p> <pre><code>jQuery(document).ready(function($){ $(".node--view-mode-full iframe[src*='.pdf']").each(function (index) { $(this).addClass('fullscreenframe'); $(this).attr('id', 'fullscreen-'+index); $('<button onclick="openFullscreen()">Open in Fullscreen Mode</button>&nbsp;<strong>Tip:</strong> Press the "Esc" key to exit full screen.<br>').insertBefore(this); }); }); </code></pre> <p>然后添加一个全屏打开 iframe 的功能（与 w3schools 相同）：</p> <pre><code>function openFullscreen() { var elem = document.getElementsByClassName("fullscreenframe")[0]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } }; </code></pre> <p>当页面上只有一个带有 *.pdf 的 iframe 时，Everysing 工作正常。但是，当我在页面上有两个或多个 iframe，并且单击任何 iframe 附近的“以全屏模式打开”任何按钮时，我总是在全屏模式下只看到第一个 *.pdf...</p> <p>我知道，这是因为我只得到 elem = document.getElementsByClassName("fullscreenframe")[0]; 中的第一个 iframe;</p> <p>我知道我需要使用类似的每个或类似的东西，但我无法解决它。在搜索关于页面上一个全屏元素的所有解决方案时，没有关于页面上多个元素的解决方案...谢谢。</p> </question> <answer tick="true" vote="0"> <p>也许是这样的：</p> <pre><code>jQuery(document).ready(function($){ $(".node--view-mode-full iframe[src*='.pdf']").each(function (index) { $(this).addClass('fullscreenframe'); $(this).attr('id', 'fullscreen-'+index); $('<button onclick="openFullscreen(' + index + ')">Open in Fullscreen Mode</button>&nbsp;<strong>Tip:</strong> Press the "Esc" key to exit full screen.<br>').insertBefore(this); }); }); function openFullscreen(index) { var elem = document.getElementsByClassName("fullscreenframe")[index]; if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>为什么不整合 jQuery？</p> <pre><code>const fullScreen = element => element.requestFullScreen(); // all modern browsers $(function(){ $(".node--view-mode-full iframe[src*='.pdf']").each(function (index) { $(this).addClass('fullscreenframe'); $(this).attr('id', 'fullscreen-'+index); $('<button class="fullScreen">Open in Fullscreen Mode</button>&nbsp;<strong>Tip:</strong> Press the "Esc" key to exit full screen.<br>').insertBefore(this); }); $(".fullScreen").on("click", function() { const $iFrame = $(this).closest('p').find('iframe.fullscreenframe'); if ($iFrame) fullScreen($iFrame.get(0)); // pass the DOM element }); }); </code></pre> </answer> </body></html>

MAUI 8 - 如何更改弹出背景叠加颜色？

使用 MAUI 7.0，下一个代码允许更改弹出背景叠加颜色，但该代码不适用于 MAUI 8.0 使用 MAUI 7.0，下一个代码允许更改弹出窗口背景覆盖颜色，但该代码不适用于 MAUI 8.0 <maui:MauiWinUIApplication x:Class="TestMaui8.WinUI.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:maui="using:Microsoft.Maui" xmlns:local="using:TestMaui8.WinUI"> <maui:MauiWinUIApplication.Resources> <Color x:Key="SystemAltMediumColor">Transparent</Color> <SolidColorBrush x:Key="SystemControlPageBackgroundMediumAltMediumBrush" Color="{StaticResource SystemAltMediumColor}" /> <SolidColorBrush x:Key="ContentDialogBackgroundThemeBrush" Color="{StaticResource SystemAltMediumColor}" /> <SolidColorBrush x:Key="ContentDialogDimmingThemeBrush" Color="{StaticResource SystemAltMediumColor}" /> <StaticResource x:Key="ContentDialogBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" /> <StaticResource x:Key="PopupLightDismissOverlayBackground" ResourceKey="SystemControlPageBackgroundMediumAltMediumBrush" /> <SolidColorBrush x:Key="SliderBorderBrush" Color="#1A73E8" /> <Style TargetType="Slider"> <Setter Property="BorderBrush" Value="{StaticResource SliderBorderBrush}"/> </Style> </maui:MauiWinUIApplication.Resources> </maui:MauiWinUIApplication> 有人知道为什么它不起作用以及如何修复它吗？更新添加一些图片 CommunityToolkit Popup 没有 Overlay color 功能。您可以在 CommunityToolkit GitHub 页面上提出功能请求。是的，您发布的上述代码曾经可以工作，但它不适用于具有最新 CommunityToolkit.Maui nuget 的 .NET8。但是如果您想更改叠加颜色，这里有一个解决方法。 <toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui" ... Color="Black" xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" > //make the size to be the full screen size <ContentView WidthRequest="1920" HeightRequest="1080"> <VerticalStackLayout WidthRequest="300" HeightRequest="300" BackgroundColor="Green"> <Image Source="dotnet_bot.png"/> <Label Text="Welcome to .NET MAUI!" VerticalOptions="Center" HorizontalOptions="Center" /> </VerticalStackLayout> </ContentView> </toolkit:Popup>

如何在本机反应中强制 TextInput 增长而 multiline={false} ？

<TextInput ref={inputRef} value={text} style={styles.textInput} returnKeyType="next" placeholder={"placeholder"} scrollEnabled={false} blurOnSubmit={false} onFocus={onFocusInput} textAlignVertical="center" onContentSizeChange={onChangeContentSizeChange} onChangeText={onInputChangeValue} onBlur={onInputBlur} onKeyPress={onInputKeyPress} onSubmitEditing={() => NextScript(id)} multiline={false} numberOfLines={5} /> 逻辑是我想要 onSubmitEditing 带我到下一个 TextInput 字段，并且我需要文本来包装输入的多个文本。如果我启用 multiline，一旦按下回车键，它会在进入下一个输入之前进入下一行，这就是我试图避免的。是否可以用onSubmitEditing完全取代回车键？每当我按下回车键时，它都会尝试在移动到下一个TextInput之前输入换行符，因此它会创建一个糟糕的用户界面，其中文本在重新定位然后进入下一行之前会稍微向上移动。如果我将 blurOnSubmit 设置为 true，它会停止，但键盘会在提交时关闭。如果我将 multiline 设置为 false，它会停止但不会换行。我创建了一个示例，onKeyPress将允许您在按下回车键时聚焦下一个文本字段。 import { Text, SafeAreaView, StyleSheet, TextInput } from 'react-native'; export default function App() { return ( <SafeAreaView style={styles.container}> <TextInput multiline={true} placeholder={'PLACEHOLDER'} onKeyPress={(e) => { if (e.nativeEvent.key == 'Enter') { console.log('ENTER'); //focusNextTextField(); } }} style={{ borderColor: '#000000', borderWidth: 1 }} /> </SafeAreaView> ); } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignContent: 'center', padding: 8, }, }); 我也面临同样的问题。后来我找到了解决办法。自定义文本输入处理：您需要一个自定义逻辑来处理文本输入及其在按“Enter”键时的行为。您将以编程方式控制文本换行和导航到下一个输入字段，而不是依赖多行的默认行为。用 onSubmitEditing 替换 Enter 键：要覆盖“Enter”键的默认行为，您可以使用 onKeyPress 事件。检测何时按下“Enter”键并以编程方式触发 onSubmitEditing 函数。维护文本换行：由于 multiline={false} 禁用自动文本换行，因此您需要实现一种方法来根据输入的内容大小或字符数手动处理文本换行。以下是如何实现这一点的概念示例： import React, { useState, useRef } from 'react'; import { TextInput, StyleSheet } from 'react-native'; const CustomTextInput = () => { const [text, setText] = useState(''); const nextInputRef = useRef(null); const onInputKeyPress = (e) => { if (e.nativeEvent.key === 'Enter') { // Replace the Enter key functionality // Call the function you would have in onSubmitEditing handleEnterKeyPress(); } }; const handleEnterKeyPress = () => { // Logic to navigate to next TextInput // Focus the next input field if (nextInputRef.current) { nextInputRef.current.focus(); } // Additional logic if needed to handle text wrapping }; return ( <TextInput value={text} style={styles.textInput} onChangeText={setText} onKeyPress={onInputKeyPress} blurOnSubmit={false} // prevent keyboard from closing // other props /> ); }; const styles = StyleSheet.create({ textInput: { // styling for your text input }, }); export default CustomTextInput;

为什么 Android 上两个组件之间的切换速度如此之慢？

我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain：React.FC 我正在使用 Expo/React Native/Typescript 构建一个类似于填字游戏的小型拼图应用程序。这是 PuzzleMain 组件的精简版本： const PuzzleMain: React.FC<PuzzleMainProps> = ({ navigation }) => { let puzzle: AcrosticPuzzleData = parseAcrosticPuzzle(PUZZLE_TEXT); const grid = <PuzzleGrid puzzle={puzzle} />; const clueView = <PuzzleCluesView puzzle={puzzle} />; const [index, setIndex] = React.useState(0); return <View style={styles.container}> {index == 0 ? grid : clueView} <View style={styles.keyboardContainer}> <Button onPress={() => setIndex(index == 1 ? 0 : 1)} title={"See " + routes[index == 0 ? "Grid" : "Clues"].key} /> <Keyboard /> </View> </View>; } 总结一下，有“网格”组件和“线索”组件，并通过按钮在它们之间进行切换。毫不夸张地说，在我用来测试的 Pixel 5 上点击此按钮大约需要 3 秒的时间才能进行更改。我在这里做错了什么？使用Expo在网络上打开这个，它立即发生，所以可能它是Android特有的？我尝试过的事情：记住 PuzzleGrid 和 PuzzleCluesView 组件（const PuzzleGrid: React.FC<Props> = memo(({ puzzle }) ...。这基本上没有什么区别。我检查过，在我为备忘录功能制作的自定义拼图比较器中没有打印任何内容，所以我认为它没有重新渲染。改用 TabView 在组件之间滑动 - 这有效！但说实话，我真的更喜欢两者兼得，而且当我将其合并到 TabView 实现中时，按钮同样很慢。使用 npx expo start --no-dev 并仅构建一个 apk 并安装 - 这使得速度更快，但仍然可能需要整整一两秒，这太慢了。正如我所看到的，您正在执行条件渲染，因此每次条件更改时，整个组件都会被创建为新组件。这种方法会使渲染速度变慢，具体取决于组件的重量。为什么备忘录不起作用？ Memo 是一种优化技术，并不能保证性能提升。现在，提升加载速度内部优化PuzzleGrid和PuzzleCluesView，比如每个可以接收重复道具的子组件都会被memo覆盖，重型物品会异步加载，使用loader。使用 InteractionManager 提高加载速度，并帮助显示加载程序而不冻结 UI。不要卸载组件，而是重叠它们并使用可见性，因为可见性不会卸载组件而不仅仅是 {index == 0 ? grid : clueView}你可以尝试类似的事情 <View> {grid} <View style={{ // Add height and other required props to make it visible position: 'absolute', visibility: index == 0 ? 'hidden' : 'visible', }}> {clueView} </View> </View>

on-screen-keyboard 相关问题

最新问题