如何根据特定屏幕尺寸传递特定道具
根据特定屏幕尺寸传递特定道具是一种响应式设计的技术，通过检测用户设备的屏幕尺寸，动态地调整页面布局和内容展示，以提供更好的用户体验。以下是完善且全面的答案：
响应式设计是一种设计方法，旨在使网站或应用程序能够在不同设备上以最佳方式呈现。通过根据特定屏幕尺寸传递特定道具，可以根据用户设备的屏幕大小和分辨率，自动调整页面布局和内容展示，以确保用户在不同设备上都能获得良好的浏览体验。
优势：
- 提供一致的用户体验：无论用户使用的是台式电脑、笔记本电脑、平板电脑还是手机，都能够获得一致的页面布局和内容展示，不需要手动缩放或滚动页面。
- 节省开发和维护成本：通过使用响应式设计，可以避免为不同设备开发和维护多个独立的网站或应用程序，减少了开发和维护的工作量和成本。
- 提高搜索引擎排名：响应式设计有助于提高网站的搜索引擎优化（SEO），因为搜索引擎更喜欢能够在不同设备上提供一致内容的网站。
- 适应未来设备：随着新的设备不断出现，响应式设计可以更好地适应未来的设备，而不需要对现有网站进行重大改动。
应用场景：
- 电子商务网站：响应式设计可以确保在不同设备上购物网站的商品展示、购物车和结算流程都能够良好地呈现，提供更好的购物体验。
- 新闻和媒体网站：响应式设计可以根据不同设备的屏幕尺寸和分辨率，自动调整新闻和媒体网站的布局和内容展示，使用户能够方便地阅读和浏览新闻内容。
- 公司和个人网站：响应式设计可以确保公司和个人网站在不同设备上都能够以最佳方式展示公司信息、产品和服务，提供更好的用户体验。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
- 该平台提供了一站式的移动应用开发解决方案，包括应用开发、测试、发布和运营等功能，可帮助开发者快速构建响应式设计的移动应用程序。
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 该服务可以加速网站和应用程序的内容传输，提供全球覆盖的加速节点，以确保响应式设计的页面能够快速加载和传递特定道具。
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 该服务提供了可扩展的云服务器实例，可以根据实际需求灵活调整计算资源，以支持响应式设计的页面在不同设备上的访问和传递特定道具。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行评估和决策。
相关·内容
如何将maskValue传递到maskValue中并更新掩码道具。
基本上，我需要掩蔽值以保持动态。
import { IMaskInput } from 'react-imask';
import { OutlinedInput } from '@material-ui/core';
const TextMaskCustom = React.forwardRef((props, ref) => {
const { onChange, ...other } = props;
console.log(props);
return
浏览 6提问于2022-01-06得票数 0
回答已采纳
我有一个徽标，我想放在屏幕的中间，但在定义了标志的尺寸后，似乎执行resizeMode='contains‘并不像它应该的那样。
如果我使用resizeMode='contain'，我的屏幕就会出现，会过度扩展页面。我可以使用resizeMode='center'使它像一样出现在中心，但我想知道为什么could似乎不起作用。我试过调整标志尺寸的宽度和高度，但我一直得到同样的结果。
我正在使用来显示屏幕，并对本机版本0.68.2做出反应。
我的代码：
import {View, Text, Image, StyleSheet, useWindowDimen
浏览 5提问于2022-06-13得票数 0
1回答
我希望在此函数中有一个if语句，声明“如果屏幕尺寸是x，则执行此操作”。我不确定是否有一种简单的方法可以做到这一点，或者我是否必须对css媒体查询做一些时髦的事情，并将其称为样式
toggleSidebarMobile () {
let state = this.state
// if
state.sidebarOpened = !state.sidebarOpened
this.setState(state);
}
我希望这个功能只在移动设备上工作。
浏览 3提问于2019-07-19得票数 0
我的React应用程序中有一个可拖动的组件，它只能在特定的维度内拖动。然而，在移动设备上，这些尺寸超出了屏幕，用户可以将组件拖出屏幕，再也无法找回。
我想知道是否有一种方法可以使组件在移动设备上不可拖动。更理想的情况是，我想知道是否有一种方法可以改变组件在不同屏幕尺寸下可拖动的尺寸。(响应性)
谢谢。
浏览 2提问于2021-05-12得票数 0
我有一些链接想要在桌面用户的模式窗口中打开，而不是在移动用户的模式窗口中打开(通过CSS类和jQuery事件侦听器启动的模式窗口)。该网站正在运行一个响应式主题，使用媒体查询，所以我试图弄清楚如何处理不同屏幕大小的不同行为(假设在每种屏幕大小下使用的设备类型)。
我现在有2个不同的链接设置它。每种屏幕尺寸只显示其中的一个链接，我假设较大的屏幕尺寸将利用模式窗口链接。当媒体查询返回一个较小的大小时，我隐藏了模式窗口链接，并显示一个指向所需页面的标准链接。
看起来肯定有更好的方法来做到这一点。有什么想法吗？
浏览 0提问于2012-10-30得票数 1
回答已采纳
我是一名iOS开发人员，正在研究安卓编程。在iPhone上，我可以指望在所有设备上使用几乎相同的屏幕尺寸，但在安卓上不一定是这样。
这在Android上是如何处理的？如果您需要一个小部件至少有一定的大小，该怎么办？
有没有可能为Android设备指定一个可以使用你的应用程序的下限？我是否可以说，我只允许屏幕尺寸最小的触摸屏设备，并阻止人们购买应用程序，如果他们的设备没有达到我期望的最低尺寸？
谢谢!
浏览 2提问于2011-02-28得票数 2
回答已采纳
我有反应组件和样式的组件，是在我的网站使用。例如，按钮和卡片。我听说使用内联样式是一种代码气味，应该避免。
然而，为了让东西看起来漂亮，css (特别是边距、填充和尺寸)仍然需要逐个案例地应用到组件上。
在这方面，我可以看到许多选择：
创建复合组件，每个组件用于不同的地方，例如Card, Card.Padded, Card.Large
使用样式组件创建(可能有几个)不同的新组件，例如使用styled(Card)来创建CardCharacters、CardHomePage等
使用道具更改需要不同样式的样式，例如<Card withSomeMargins />或<Ca
浏览 0提问于2019-09-10得票数 3
2回答
我正在为不同的设备创建一个应用程序，我添加了不同大小的图像在可绘制的-小的，可绘制的-中等...为不同的设备添加相同的图像，但当屏幕尺寸增加时，我需要增加图像的大小，这是正确的方法吗？另外，当屏幕尺寸增加时，我需要增加字体大小，我如何做到这一点，如果我使用布局-小...文件夹什么字体大小最适合小屏幕设备(纵向和横向)和中型和大号设备?我在哪里可以找到这些信息，因为我正在尝试不同的字体大小，但肯定有其他方法！！谢谢。
浏览 0提问于2013-08-30得票数 0
我有一个wordpress站点，我在我的页脚中使用wp_list_pages (作为一个自动化的站点地图列表)，如下所示：
<ul style="list-style-type: none;"><?php wp_list_pages('exclude=143,1040,1045,1048&title_li='); ?></ul>
在几页上，我有更长的标题。这适用于较大尺寸的屏幕，但不适用于较小的屏幕尺寸(过多换行)。
有没有办法编写代码来检查特定的页面Is，以利用@media Media查询，并为较小的屏幕尺寸更改标题
浏览 17提问于2016-02-16得票数 1
在react-native中，我有一个包含bottom navigation name Dashboard.js的屏幕 在该navigation中，我有'download'屏幕，其中包含正在运行的下载文件的列表 我需要在徽章中显示下载列表计数 如何将列表计数从子(下载)传递到父(仪表板)，但我不知道怎么做 如果在下载屏幕中添加或完成了任何新文件，如何在仪表板屏幕中维护/获得通知？ Dashboard.js {
<NavigationContainer>
<MainStack.Navigator
init
浏览 25提问于2021-10-28得票数 0
有两个StackNavigator对象，在TabNavigator中只有很少的屏幕。如何从App.js -> TabNavigator -> StackNavigator ->屏幕传递道具？
下面的代码会生成错误，说明只能呈现一个路由器。
const SettingsStack = createStackNavigator({
Settings: {screen: props => <SettingsScreen {...props} screenProps={{is_authenticated: props.is_authenticated}}/> }
浏览 4提问于2018-06-18得票数 2
回答已采纳
我试着建造这个：
现在，我正在通过在一个flex框中完成所有文本的操作来构建这个框架，并让两个兄弟姐妹完全定位在带有部分边框的框中，以生成行，如下所示：
<ContainerView>
<TextSection />
<LeftFloat />
<RightFloat />
</View>
这在不同的屏幕尺寸上并不是很好，因为我必须告诉那些边框如何高和高。文本在不同的屏幕尺寸上占据不同的高度/宽度，所以没有一个大小一致的值，即使是屏幕百分比，也不适用于所有设备的边框。
我试着做了一些类似这样的事：
&
浏览 3提问于2022-10-06得票数 0
回答已采纳
在hdpi屏幕与ldpi屏幕中调整图像尺寸的正确方式是什么。
例如，一个89*80的png在我的droid 2....but上显示得很好，我应该如何在一个更小的屏幕droid上将图像调整得更小？我是手动更改图像并将其放在ldpi文件夹中，还是自动执行此操作？
浏览 0提问于2010-11-24得票数 3
回答已采纳
2回答
我正在尝试在XCode 7 .I中设计一个滚动视图应用程序，我的滚动视图和内容视图并没有根据屏幕大小进行调整，这让我很头疼。我将视图控制器的大小更改为自由格式，并将大小设置为600 * 700，大小类为(wAny hAny)。我这样做是因为我需要这么多的空间来实现我的设计目的，而且仅此而已。
我希望当任何屏幕的高度超过700的时候，比如5.5英寸的屏幕，屏幕就不会滚动，也不会按照我的设计正常滚动和显示内容，但它可以滚动到700以下的任何尺寸。为此，我按照以下步骤设计了我的屏幕：
问题-我的滚动视图在屏幕高度低于700的情况下工作得很好，但当它移动到特定屏幕尺寸以上时，它会在内容视图的底部显示一
浏览 1提问于2015-12-21得票数 0
当使用react原生lightbox时，图像在屏幕的左侧弹出，但大小与图像组件中定义的大小相同。
我希望图像弹出在屏幕的中心比以前更大的尺寸。
下面是我的代码：
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Button
title="Pick an image from camera roll"
onPress={this._pickImage}
/>
浏览 0提问于2019-11-18得票数 0
2回答
我正在尝试自定义我的按钮，以便当我的网站在移动视图上时，我想要一个小尺寸的按钮…当我的屏幕命中MD断点时，我希望按钮大小为‘大’(&W) 我当前的按钮样式：Current button styles 我试着做size={{ xs: "small", md: "large" }}，但它不起作用 请帮帮忙。
浏览 42提问于2021-11-09得票数 1
回答已采纳
1回答
我必须用这个屏幕制作安卓应用程序(它将是现有iOS应用程序的安卓版本)：
您可以看到，有几个图像、按钮和文本标签位于彼此相对的特定位置。
问题是Android设备在屏幕尺寸和尺寸上有很大的不同。如何在不同的屏幕上保持元素的相对大小？
以这张图片为例，例如，我可以计算屏幕宽度和圆半径之间的比率。然而，如何在Android屏幕数量众多的情况下保持这一比例？
浏览 3提问于2012-11-06得票数 2
回答已采纳
我的应用程序有很多图像资源，所以我对画板进行了调整(调整大小和改变屏幕上的位置)，使其在iPhone X中看起来很好，但在iPhone 5、6或XR中看起来很糟糕。主要的问题似乎是协调不同的屏幕尺寸，而不是大小。除了为更高的X屏幕尺寸制作一个全新的故事板之外，还有其他方法吗？ 我们已经尝试过自动布局，但这只适用于UI元素，而不适用于仅限图像的图形。我们最终得到的是一个折衷方案，在两个屏幕上看起来都不是很棒。
浏览 15提问于2019-01-30得票数 1
回答已采纳
所以，我有一个定制的视图。在这个视图上，除了使用子组件之外，我还想使用backgroundColor和其他一些StyleSheet属性，这样就可以根据屏幕对其进行样式设置。
这是App.tsx。
export const MainScreen = ({}: Props) => {
return (
<CustomView backgroundColor={"#000"}>
<Text>Example</Text>
</CustomView>
);
};
这是CustomView.tsx
t
浏览 2提问于2021-01-17得票数 1
回答已采纳
考虑到下列申请：
购物车项目，用户可以有超过一个购物车和应用程序被划分为3个屏幕。
屏幕上列出的购物车项目，他可以添加新的手推车/编辑/删除手推车。
2当前属于用户的手推车的屏幕细节
3应用程序的屏幕设置
因此，基本上，我想将当前cart的细节显示为第一个屏幕。因为这是用户最重要的用例。(屏幕2)
但是在某些情况下，用户甚至没有开始使用购物车，所以最重要的是，最重要的用例是用户应该看到空的购物车列表来添加一个新的购物车(屏幕1)。
这将是此应用程序路由的解决方案。
import React from 'react';
import { Platform } from '
浏览 0提问于2019-09-15得票数 0
2回答
Android设备中的各种屏幕尺寸是什么？我有三个屏幕尺寸，分别是320X480,420x00(Samsung Galaxy Player5.0)，600X1024(Samsung Galaxy Tab Sprint)。如何让我的项目/应用程序在所有设备上都能正确地适应所有屏幕尺寸。
浏览 0提问于2012-10-25得票数 3
1回答
我已经开发了一个界面，所有的东西都使用了dp设置，所以我认为它应该适合大多数屏幕大小。然而，当测试时，它会在大多数屏幕大小上变得混乱，越来越大。我得到的图标显示不正确，因为我只有一套Nexus 4大小和密度，因为他们只是占位符，直到我建立适当的图标在适当的比例。
出什么问题了？dp是否是为规模而设计它的错误方式？我已经考虑过为不同的屏幕尺寸设计特定的布局，但我不确定从哪里开始，以确定目标是什么。
这是应该是什么样子。(Nexus 4)
小屏幕(Nexus )
大屏幕。(Nexus 5) --看看文本是如何与垂直分配器碰撞的。
浏览 1提问于2014-09-25得票数 1
回答已采纳
我有以下接口：
interface EditUserContainerProps
extends RouteComponentProps<EditUserParams>,
EditUserStateProps,
EditUserDispatchProps { }
interface EditUserParams {
id: number;
history: any;
}
interface EditUserStateProps {
isLoading: boolean;
isSubmitting: boolean;
userFields: Use
浏览 5提问于2017-12-21得票数 1
回答已采纳
要用params调用其他屏幕，我们使用的是-
navigation.navigate('Editcustomer', {customerdt: customerdt})
我使用同样的移动屏幕和它的工作良好。
对于平板屏幕，我需要显示与Modal相同的Modal屏幕，因为我使用的是-
<Modal
animationType="slide"
transparent={true}
visible={modalVisibleProd}>
<View
style={[
global.commo
浏览 3提问于2022-06-09得票数 0
我正在使用这个中提到的方法路由到另一个屏幕。问题是他们在一个功能组件中使用钩子。我使用的是一个类组件。
我的问题是，在一个类组件的子组件中，如何使用这个导航从一个屏幕导航到另一个屏幕。
因为类组件不允许我在其中使用钩子。
我的路由如下：
const Tab = createBottomTabNavigator();
const Stack = createStackNavigator();
const HomeScreenRoutes = () => {
return (
<Tab.Navigator>
<Tab.Scr
浏览 7提问于2020-05-08得票数 2
我很难把头绕在道具上。我想在不同的组件中使用卡片形状，并根据它在哪个组件中的不同来调整它的大小。例如，如果它位于页面底部的组件中，那么它将是大尺寸的；如果在页面顶部的组件中，则大小较小。我希望这是合理的。我只有以下代码：
import React from 'react'
const Card = () => {
return (
<div className='card'>
</div>
)
}
export default Card;
我不知道该把道具放在哪里，我也不知道该如何把它们
浏览 3提问于2022-04-18得票数 0
回答已采纳
1回答
我有两个简单的问题。第一个问题处理的是能够导航到功能屏幕。我在App.js中有一堆屏幕。在我的主屏幕上，您可以看到我向用户询问位置权限，并记录纬度和经度。我希望能够从我的主屏幕导航到Screen1。您可以在下面看到我是如何尝试这样做的，我可以用组件来完成它，但是我很困惑如何用函数来完成它。
我的第二个问题是关于纬度和经度的状态。我想在Screen1上访问这些值。如何将这些状态传递给screen1以便能够显示它们？
这是下面的代码以及一个工作小吃演示。
我比你所知道的更欣赏任何洞察力。谢谢。
编辑：：
App.js
export default function MyTabs() {
浏览 1提问于2022-01-27得票数 2
回答已采纳
当我启动avd命令行时，默认情况下，它会启动一个非常大的屏幕(超过10英寸)，并且需要很长时间才能加载。但是从SDK管理器开始，它在我想要的屏幕尺寸下工作得很好，例如。4英寸
如何从命令行指定此屏幕大小？我使用以下命令
emulator -avd SamsungGalaxy -partition-size 100
浏览 0提问于2011-05-07得票数 1
回答已采纳
1回答
我有一个要求--对于一个特定的屏幕尺寸(比如10英寸)，一个活动中有两个片段-片段A和片段B。
对于大于10英寸的所有其他屏幕尺寸，片段A和片段B被组合为一个片段(例如片段C)。
我们如何在Android中实现这一点？
浏览 1提问于2019-09-06得票数 0
我经常看到在CompositionAPI中使用道具的模式，即使用toRefs来制作道具ref的所有条目。我被它弄糊涂了。
请参阅Vue 3官方指南：
export default {
props: {
user: {
type: String,
required: true
}
},
setup(props) {
const { user } = toRefs(props)
//... use user's value
}
}
我在两个场景中有两个问题：
当props.user已经处于被动状态时
如果它在任何
浏览 2提问于2021-10-01得票数 4
回答已采纳
1回答
我正在开发一个使用react-navigation的react本地应用程序，我的要求是我有4个不同的屏幕，就像一个典型的Live应用程序
屏幕1:当天的足球比赛清单
屏幕2:足球比赛页面(记分卡，游戏统计等)
屏幕3: team (特定球队的比赛，相关的新闻提要等)
屏幕4:联赛主场(如世界杯足球赛、联赛比赛、新闻等)
在这个应用程序中，用户可以从screen 1转到任何匹配页面( Match Page，screen 1)，在那里他们可以从select 3或screen 4到另一个匹配页面( (screen 2) )，就像n种可能性一样。
现在的问题是，我使用的是red
浏览 0提问于2018-02-28得票数 0
2回答
我制作了一个可重用的组件Button.js，并在两个不同的屏幕上导入它。这个按钮看起来是一样的，但是在第一个屏幕上，我需要它是position: 'absolute'，在第二个屏幕上是position: 'relative' (默认值)。
如何在第一个屏幕上添加绝对位置？我试图在FirstPage.js上添加样式，但它不起作用。如何覆盖在Button.js中定义的样式
Button.js
import React from 'react';
import { Text, TouchableOpacity } from 'react-nat
浏览 1提问于2017-11-12得票数 1
回答已采纳
我如何解决自定义布线元件中的eslint错误："prop spreading is forbidden“？
此错误发生在下面的第3行和第6行：
const PrivateRoute = ({component: Component, ...rest}) => (
<Route
{...rest}
render={(props) => (
localStorage.getItem('user') ?
<Component {...props} /> :
<Red
浏览 57提问于2019-11-06得票数 22
回答已采纳
在Xamarin.Forms中，以下属性会得到一个双精度值: WidthRequest、HeightRequest、Padding、Spacing等。这些数字的含义是什么？是像素，还是别的什么？我在这些属性中输入的值是否会对设备屏幕大小做出响应？考虑到许多可用的屏幕尺寸，我应该如何决定我应该使用什么值？
我还尝试打印一些元素的宽度，结果是-1。为什么？
浏览 0提问于2015-04-23得票数 24
回答已采纳
3回答
我正在开发一个Android应用程序。布局在每个设备上都可以正常工作，除非设备屏幕尺寸为480x800或更小。
如何通过仅针对屏幕大小或更小的屏幕来创建单独的布局？
我已经试过layout-hdpi、layout-small-hdpi和layout-normal-hdpi了，因为Nexus和Nexus One都属于hdpi类别。但当我创建像layout-hdpi这样的单独布局时，这些布局会影响像素、Pixel2、Nexus5等屏幕更大的手机。
提前感谢
浏览 1提问于2018-02-12得票数 5
2回答
如何设计一个应该支持所有屏幕尺寸的布局。请参阅下面的图像。
如何使用相同的图像使所有屏幕看起来都正确？
编辑:在这里以适当的方式显示大屏幕的WXGA。因为我使用了图像按钮来改变字母表(例如A，B，....)
浏览 3提问于2011-07-11得票数 2
回答已采纳
我在使用@react-navigation/bottom-tabs的React中有以下堆栈导航程序代码
const Tab = createBottomTabNavigator();
const TabNavigator = () => (
<Tab.Navigator tabBar={(props) => <BottomNavBar {...props} />}>
<Tab.Screen name={routes.app.search} component={Search} />
<Tab.Screen name={
浏览 3提问于2022-02-16得票数 1
回答已采纳
我发现这个代码工作得很好。但是它使用滚动视图的大小。我想用我的尺寸。
UIScrollView *contentScrollView;....//scrollview instance
UIGraphicsBeginImageContextWithOptions(contentScrollView.bounds.size,
YES,
[UIScreen mainScreen].scale);
//this is the key
CG
浏览 4提问于2016-04-25得票数 0
回答已采纳
如何为我的自定义帖子类型之一更改编辑帖子屏幕上的功能图像缩略图的大小？
请注意，我希望修改显示在管理‘编辑邮报’屏幕上的图像的大小，而不是在我的网站的前端。
目前这个尺寸是由WP本身决定的，我似乎没有办法改变它。
浏览 0提问于2013-03-01得票数 2
回答已采纳
1回答
当我把我的桌子放在抽屉里的时候，我有个问题。不幸的是，导航到每个选项卡的速度非常慢，而且它们似乎有很大的滞后。
但是，当我移除抽屉导航器并使其成为一个标签导航器时，在不同的选项卡屏幕之间导航显然会更好。
当选项卡嵌套到抽屉中时，我如何才能使它们在选项卡之间不再延迟？
{*
在Mateusz的帮助下，我设法找出了问题所在。我通过呈现四个相同的组件来测试延迟。第一次测试是用
children={() => {
return <NfcWifiConfig />;
}}
而延迟仍然存在
但是当我用
component={NfcWifiConf
浏览 0提问于2021-02-11得票数 1
回答已采纳
我使用的是React的Ant设计。我在Ant Design dropdown组件中使用了Ant Design list组件。 代码运行没有问题，但我在控制台中收到两个错误！ class App extends Component {
state = {
notifData: [
{ title: "Ant Design Title 1" },
{ title: "Ant Design Title 2" },
{ title: "Ant Design Title 3" },
{ titl
浏览 24提问于2019-05-20得票数 1
回答已采纳
1回答
我正在使用cfimage来调整图像大小，它工作得很好。我的问题是，我想使用cfimage根据屏幕尺寸来调整图像的大小，或者我可以在应该查看屏幕尺寸的地方使用函数，使用较小的图像或使用较大的图像
一些我可以写一次就可以在任何地方做的函数，而不是在所有页面上做，我知道一件事是服务器端，另一件是cf端，但是如果我把视窗发送到cfside，它会有帮助吗？
现在它工作得很好，但需要更新，比如我如何构建一次并完成所有工作
浏览 2提问于2020-12-17得票数 1
我想知道如果在相关的文件夹中没有精确缩放的可绘制文件，Android如何获取和渲染可绘制文件？
例如，假设我试图在一个hdpi、大和运行Android2.3的设备上渲染一个可绘制的图形。应用程序正在寻找的可绘制图形在xhdpi、mdpi、xlarge和large中可用，但不能用于hdpi或large (不管是什么原因)。
具体地说，我想知道Android是如何决定提取哪个可绘制的？我假设它会优先于更大的可绘制图形(xhdpi或xlarge)，但它是否优先于DPI或屏幕尺寸？另外，它是否像中列出的那样对可绘制对象应用缩放(例如，xhdpi可绘制对象将呈现为其实际尺寸的1.5/2 )？如果是，它是
浏览 1提问于2013-12-28得票数 1
我使用萨杜拉 (使用MuPDF插件)检查各种打印布局。对我来说很重要的是，我看的东西和纸上的东西差不多大小。我意识到屏幕像素之间的差异和打印中的情况仍然会影响感知，但为了保存测试打印，而我粗略的边距和修剪尺寸，我希望能够拿起一张纸到屏幕上，并让它匹配我的PDF浏览器的画布。
Zathura的默认缩放级别(100%)不是实际大小。事实上，它几乎是由⅓关闭。如果我把变焦设置为133%，我会得到一些非常接近实际大小的东西。如何使这成为默认的缩放级别？我希望其他的东西都与此相适应，这样50%的比例实际上是一半大小，等等。有没有一种方法来校准我的显示器的设置--某种比例因子设置？
有趣的是，Evince
浏览 0提问于2015-10-10得票数 16
我有个特别的：
const [dimensions, setDimensions] = useState<DimensionsType | null>(null);
return (
<View
onLayout={(e) =>
setDimensions({
height: e.nativeEvent.layout.height,
width: e.nativeEvent.layout.width,
})
}
style={{
maxW
浏览 4提问于2022-07-18得票数 0
回答已采纳
2回答
我正在寻找一种算法或模式来计算对象可以在多个分辨率上放置的位置。到目前为止，我已经得到了X和Y屏幕大小，但我不确定如何将其转换为计算，以便在屏幕上的某个位置放置诸如drawText()之类的内容，而不管屏幕大小如何。
我在想，也许使用百分比可能更容易处理。我有一个程序，可以在屏幕左上角绘制文本，指示屏幕被触摸的位置。
当我在模拟器上运行这段代码时，
drawText(info，10,10，paint)；
它显示得很棒，但当我在我的手机上运行它(Droid2 Global)时，文本的顶部被切断了。
简而言之：
有没有办法(使用SurfaceView)将一些东西绘制到屏幕上，并且在多个屏幕尺寸/
浏览 1提问于2011-09-17得票数 2
回答已采纳
我正在用Android Adnengine开发我的第一款游戏。从顶部看这是一款赛车游戏。我使用了视差背景和一些汽车。我在我的设备上测试了它，它的宽度和高度较小。
我根据摄像头的宽度和高度放置了32和64高的汽车。它在我的屏幕尺寸上运行得很好，但在更大的屏幕尺寸上，比如Galaxy Tab，游戏中留下了很大的空间，因为汽车尺寸保持不变，因为我必须使用2的幂。
如何使用适合所有屏幕尺寸的图像？是否需要根据不同摄像头宽度和高度的图像大小使用不同的图像？我相信这是有解决方案的。
我已经修改了清单文件以支持small、large和xlarge大小。
public Engine onLoadEngin
浏览 0提问于2012-07-10得票数 11
回答已采纳
1回答
我有一个响应式的网页，对于不同的屏幕尺寸有不同的设计，我正在使用@mediaquery来改变我的设计。我想让用户能够改变屏幕尺寸的设计，即使屏幕尺寸没有改变。
有没有可能在不改变屏幕大小的情况下用js触发@mediaquery？
浏览 6提问于2013-09-14得票数 4
1回答
上下文是一个简单的，带有。有三个屏幕。
第一个简单地显示一个按钮，使用navigation.navigate("SecondScreen")转到第二个屏幕。
第二个包含一个钩子(参见下面的代码)，它添加一个侦听器来侦听鼠标位置。此钩子在useEffect钩子中添加侦听器，并删除useEffect清理函数中的侦听器。我只是在侦听器函数中添加了一个console.log，以查看何时触发该函数。
此屏幕还包含一个要导航到第三个屏幕的按钮，该按钮只显示一个文本。
如果我从第一个屏幕转到第二个屏幕:钩子中的侦听器开始运行。好的。如果我使用默认的反应导航的后退按钮返回第一个屏幕，侦听器就会
浏览 4提问于2021-06-17得票数 0
回答已采纳
1回答
如果我有特定的布局，其中包含2 ui组件应用程序徽标图像和编辑文本，我想处理从2英寸到10英寸开始的所有屏幕大小的布局。
我决定将布局组件扩展为大尺寸，并将其缩小为小尺寸，但我有一些问题
如何测试此布局以确保它适合所有屏幕尺寸，我是否必须为每组英寸创建至少一个仿真器？
2-如何拉伸图像视图，是否需要为每组英寸创建尺寸？
3-应用程序徽标当我将其拉伸为更大的屏幕尺寸(7英寸和10英寸)时，它会变形和像素化，我必须如何处理此图像，我必须为每组英寸导出应用程序徽标吗？
浏览 4提问于2015-04-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
