SwiftUI中类型的可组合性
在SwiftUI中，类型的可组合性是指可以将多个小的视图组合成一个大的视图，并且可以通过对小视图进行组合、嵌套、重复使用等操作，来构建复杂的用户界面。
类型的可组合性是SwiftUI的一个核心概念，它使开发者能够更加灵活和高效地构建用户界面。在SwiftUI中，所有的视图都是类型，可以作为其他视图的子视图，也可以将多个视图组合成一个新的视图。这种可组合性使得开发者可以通过简单的组合操作来构建复杂的用户界面，而不需要手动管理每个视图的布局和绘制过程。
通过类型的可组合性，开发者可以将用户界面划分为多个小的视图组件，每个组件负责完成特定的功能或展示特定的内容。这种模块化的开发方式使得代码更易维护、重用性更强，并且能够快速地构建和修改用户界面。
在SwiftUI中，类型的可组合性还提供了一种声明式的界面编程方式。开发者可以通过声明式的方式描述界面的外观和行为，而不需要手动操作底层的视图和控件。这种声明式的编程方式使得开发者能够更加专注于界面的逻辑和交互，而不需要关注具体的实现细节。
除了提供可组合性的能力，SwiftUI还提供了许多其他的特性和功能，例如自动布局、动画效果、状态管理、手势识别等。这些功能使得开发者能够更加方便地创建交互性强、响应快速的用户界面，并且能够适应不同的设备和屏幕尺寸。
在腾讯云的产品中，与SwiftUI类型的可组合性相关的产品是云原生应用平台（Cloud Native Application Platform，CAP）。CAP是基于Kubernetes的容器编排服务，提供了一套完整的容器化解决方案，可以帮助开发者更好地管理和部署容器化应用，并且支持灵活的资源调度和服务发现。CAP可以与SwiftUI结合使用，帮助开发者快速搭建和部署复杂的云原生应用。
腾讯云CAP产品介绍链接：https://cloud.tencent.com/product/cap
相关·内容
在下面的文章中，Vitalik Buterin声称ETH2 2-切分不会破坏DeFi的可组合性：1。
然而，我一点也不相信他的论点。让我们看一下Vitalik 1中的以下示例：
可组合性示例1: Uniswap <->令牌几乎所有DeFi应用程序都使用可组合性，因为令牌是一种应用程序类型，因此任何使用令牌的DeFi应用程序都是与另一个应用程序交互的应用程序。让我们以Uniswap为例。在Uniswap中，用户向Uniswap契约发送一定数量的令牌A，后者向用户发送一定数量的令牌令牌B。Uniswap需要与之交互的所有事务之间严格依赖: Nth事务必须知道N-1‘th事务的输出，因为
浏览 0提问于2021-02-07得票数 1
我正在学习Jetpack构图和Kotlin，我需要做的是用api中的一些信息填充一个懒虫，但是我似乎做错了什么，因为界面已经创建，一个白色的屏幕显示在日志中，我可以在日志中看到API被调用，响应是我需要的对象，但是懒虫再也不会被重新组合，所以白屏幕就像那样。
This is my code
@Composable
fun ParentHomeComposable(
parentSkills: List<ParentHomeResponseModel>,
){
LazyRow{
items(
浏览 9提问于2022-09-06得票数 0
在写作中，我们如何获得屏幕中可组合的位置或大小？例如，我试图在特定边界和添加填充之间将地图摄像机对焦。在这里，我需要得到对应于寻呼机顶部位置和TopBar底部位置的填充。
当前，此屏幕的代码如下：
BoxWithConstraints {
MapViewWithMarkers(...)
TopAppBar(
modifier = Modifier
.fillMaxWidth()
.statusBarsPadding(),
background
浏览 3提问于2021-05-12得票数 14
回答已采纳
在iOS上，EmptyView在这里，。但我不知道如何在写作中实现它。如果我有，因为一些代码对我来说要容易得多。例如,
myList.map { item ->
if item is XItem -> EmptyView()
....
}
不要告诉我我不需要它，我只是知道如何实现它。谢谢。
浏览 10提问于2022-01-19得票数 3
回答已采纳
1回答
这是一个可组合的功能，我想这样做，当我点击卡视图，然后文章将打开android视图，但不知道如何实现这一点。我也尝试了兰达，但没有取得成功。
当单击ShowOnWebView ( cardview )函数时，我想调用NewsCardView可组合函数，但是编译器显示了一个错误："@Composable调用只能从@Composable函数的上下文中发生“如何在按下卡视图时调用我的函数
敬请帮助和感谢
@Composable
fun NewsCardView(
article: Article,
modifier: Modifier = Modifier,
) {
Card(
mo
浏览 8提问于2022-06-30得票数 2
这个设置奇怪地抛出了Exception during IR lowering，它与lazyColum、内部组合函数和Modifier的结合有关。
若要复制错误/错误：
步骤1:创建一个可组合的函数
@Composable
fun TheContent() {
}
步骤2:设置一个懒惰的colum
@Composable
fun TheContent() {
LazyColumn(
content = {
items(emptyList<Any>()) {
}
}
浏览 3提问于2021-08-17得票数 1
我试图了解WinRT的一些较低级别的部分是如何工作的。我偶然发现了ComposableAttribute，这可能是我需要什么的关键。然而，上面的非常薄。
指示如何组合编程元素。
就像你说的那样，这并没有告诉我任何事情。有人知道这个属性是用来做什么的吗?它应该做什么？
浏览 5提问于2012-10-04得票数 2
回答已采纳
1回答
据我所知，与任何状态相关的代码的每个部分都将使用状态更改→进行更改(重新组合)。
每个状态都是可观察的，依赖的UI部分观察该状态并订阅它(状态)，每当状态发生变化时，就会通知它(重新绘制UI的这一部分)并进行重新组合。
但是在google 的这篇文章中，它说在改变输入时会重新组合，所以我很困惑。
重新组合是在输入更改时再次调用可组合函数的过程。当函数的输入发生变化时，就会发生这种情况。当基于新输入重新组合时，它只调用可能已经更改的函数或lambda，并跳过其余的函数。通过跳过所有没有更改参数的函数或lambda，Compose可以有效地重新组合。
另外，在其他中，鼓励提升状态，使可组合
浏览 0提问于2022-02-17得票数 4
回答已采纳
1回答
我想做一个按钮到屏幕底部，但我看到与我的按钮重叠。我不明白为什么在我的申请中会出现这种情况。
PairContentStateLess
@Composable
fun PairContentStateLess(
viewModel: XyzViewModel,
scanning: State<Boolean>,
onResume: () -> Unit,
onPause: () -> Unit,
tryAgainAction: () -> Unit,
openSettingAction: () -> Unit,
浏览 2提问于2022-10-10得票数 0
在前面的StackOverflow问题中，建议每个Activity应有一个ViewModel。如果屏幕上有不同的“部分”需要不同的模型数据，那么应该用单个LiveData中的多个ViewModel来处理。
现在发布了，是否可以在屏幕上为不同的“部分”拥有不同的ViewModels，即每个节都表示为不同的composable，每个可组合的有自己的ViewModel和自己的LiveData
浏览 3提问于2022-08-31得票数 0
@Composable
fun HomeScreen(){
val popularListState = rememberLazyListState()
val viewModel: HomeViewModel = hiltNavGraphViewModel()
val popularMovies: List<Movie> by viewModel.popularMoviesLiveData.observeAsState(emptyList())
LazyColumn(
state = popularListState
) {
浏览 7提问于2021-05-26得票数 0
回答已采纳
我目前正在试用Vue 3的复合API，使用一个主应用程序和几个组合功能，也就是“composables”。我学的是官方博士和几门土豆泥。似乎有很多方法可以完成同样的任务，所以我想知道什么才是最适合做一些事情的：
如何将反应变量从主应用程序传递给可组合程序？我的意思是:我是应该把它们作为可合成的参数传递，还是应该以某种方式进行呢？
如何使用其他应用程序的方法或可组合的其他可组合的方法？)
浏览 1提问于2021-11-03得票数 5
代码A中有两个变量b1和b2，您可以在图像A中看到所有的String变量。
问题1： private var b1 = "a1"和private var b2 by mutableStateOf("a1")有什么区别？
码A
class TodoViewModel : ViewModel() {
private var b1 = "a1"
private var b2 by mutableStateOf("a1")
图像A
BTW
问题2:图像B来自，它们之间似乎有一些不同，但我不能完全理解。你能告诉我他们吗
浏览 2提问于2021-09-15得票数 0
回答已采纳
1回答
我试图使用导航从两个不同的函数中访问带有参数的单个函数。当我在模拟器中试用时，应用程序就会崩溃。该应用程序构建正常。
我使用的是组合1.0.1和导航2.5.0
这是导航功能：
@Composable
fun Nav() {
val navController = rememberNavController()
NavHost(navController = navController, startDestination = "Main") {
composable("Main") { Main() }
comp
浏览 8提问于2022-07-29得票数 0
2回答
我在YouTube上看了一些教程项目，其中一些制作了viewmodel文件并编写了一些代码，只是为了使用viewmodel！
我们有remember，rememberSavable，state，recomposition .在喷气背包里作曲。那么为什么还有人使用视图模型呢？！这是一些更多的代码，使项目更难理解，我们初学者。
我想他们很难学习XML的视图模型，他们不能就这样忘记它！
在jetpack编写代码时，我们不需要使用视图模型，这难道不可能吗？
浏览 6提问于2022-09-27得票数 1
回答已采纳
在我的一个可组合文件中，Lazycolumn嵌套在一个可组合的Column中。我希望能够与Lazycolumn一起滚动整个Lazycolumn。但是，在verticalScroll上指定modifier属性会导致应用程序崩溃。我怎么才能解决这个问题？
异常
java.lang.IllegalStateException: Vertically scrollable component was measured with an infinity maximum height constraints, which is disallowed. One of the common reasons i
浏览 19提问于2022-07-29得票数 2
回答已采纳
1回答
我将导航逻辑移动到查看模型，以将其与导航组件(如 )分离。
由于Composable通常有，这意味着屏幕级Composable的子Composable应该将一些事件传递给父级屏幕级Composable (通过回调)，这些事件最终将传递给视图模型。
然而，这将需要在可组合之间通过所有Composable传递事件，从而导致事件传递给父级屏幕级的Composable。
我想说，在大多数情况下，在中都是很好的。
但是，一个不太好的例子是--一个小的(非屏幕级) UI元素，它将业务逻辑与它绑定在一起。业务逻辑是应用程序的。
想象一下在撰写中编写类似Facebook的应用程序。在各种不同的屏幕上，你可以看
浏览 10提问于2022-01-24得票数 1
回答已采纳
我想在我的组件中使用useRoute，这在onMounted钩子中被调用。有点像
import { checkUserAuth } from '@/common/CheckUserAuth'
onMounted(async () => {
await checkUserAuth()
})
CheckUserAuth.ts是：
import { useRouter } from 'vue-router'
const router = useRouter() // here router is undefined
export const check
浏览 5提问于2022-08-12得票数 2
回答已采纳
1回答
敬酒请勿在作曲活动上展示
、、、
所以，对于一个有Jetpack写作经验的人来说，也许是个愚蠢的问题，但出于某种原因，我的演讲会没有展示。这是它的片段。我用.show()在onCreate方法的不同部分发送了3次祝酒词，但仍然没有发生任何事情。我还尝试在一个LocalContext.current函数中使用@Composable作为上下文，但是结果相同，没有显示任何内容。我在网上看到了许多不同的例子，甚至youtube上的视频，在这些视频中，完全相同的视频也可以运行。有人知道为什么吗？
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate
浏览 9提问于2022-04-08得票数 1
1回答
我想找出使用Pinia商店而不是仅仅使用纯ts可组合函数的优点，比如
const userName = ref('')
export default function useUser() {
const setUserName(name: string) => {
userName.value = name
}
return {
userName: readonly(userName),
setUserName
}
}
然后使用
const {userName, setUserName} = useUser()
因为，例如，
浏览 5提问于2022-06-13得票数 3
1回答
通过连接重用查询的一部分
、、、
我需要实现3个公共方法，它们都依赖于相同的初始连接。下面描述的解决方案可以工作吗？
下面的代码是一个例子，真正的东西要复杂得多，这就是为什么我想要重用它。
private Tuple<Customer,Order> GetCustomerOrders()
{
from c in customers
join o in orders
on c.customerid equals o.customerid
select Tuple.Create(c, o)
}
public MyCustomerOrder GetCustomerOrder(in
浏览 1提问于2009-12-13得票数 2
回答已采纳
2回答
LazyColumn和LazyRow正在替换旧UI中的RecyclerView，但是当在RecyclerView中滚动项目并返回到它时，就会消失，然后再循环到优化UI。
LazyColumn和LazyRow也在做同样的事情？
浏览 29提问于2022-01-14得票数 5
我试图为在行中使用TextField和TextField的美国各州放置一个下拉列表，而第二个TextField (zip)没有出现。我做错了什么？
下面是我声明行的方式：
Row (Modifier.fillMaxWidth()) {
StateSelection(
onFormChanged = onFormChanged,
selectedLocation = selectedLocation,
label = "State"
)
Spacer(m
浏览 3提问于2022-05-10得票数 0
回答已采纳
我已经开始学Jetpack作曲了。我正在查看Google的示例：
如您所见，MainScreen可组合函数是文件中的方法，而不是MainActivity类中的内部函数。MainScreen还没有在其他地方使用过。那么，为什么不将其定义为活动中的私有内部功能呢？
请你描述一下原因好吗？
浏览 4提问于2021-12-09得票数 0
回答已采纳
下面的代码A来自官方示例。
参数Modifier在代码A中一次又一次地在函数之间传递。
我不完全理解为什么作者需要一次又一次地在函数之间传递参数Modifier。
我认为B代码很简单。代码A的设计框架将得到什么好处？
码A
@AndroidEntryPoint
class DetailsActivity : ComponentActivity() {
...
DetailsScreen(
onErrorLoading = { finish() },
modifier = Modifier
.s
浏览 8提问于2022-02-22得票数 2
回答已采纳
我试图使用LazyColumn和下面的代码创建和列出子列表
DropdownMenu(
expanded = expandedDomain,
onDismissRequest = { expandedDomain = false },
) {
LazyColumn {
items(1) {
Checkbox(checked = false /*checkedState.value*/,
onCheckedChange = {})
Text(text = "$domai
浏览 8提问于2022-04-24得票数 0
回答已采纳
我使用的是，我知道我必须在setup函数中使用context来访问Vue原型中定义的道具，如下所示：
setup(props, ctx) {
const router = cxt.root.$router
}
但是如何在可组合函数中访问它呢？
export default useLink {
// here to access the $router
}
浏览 5提问于2022-06-06得票数 0
1回答
我有一个自定义钩子来获取如下所示的数据：
import { reactive } from 'vue';
import axios from 'axios';
interface State {
isLoading: boolean;
isError: boolean;
errorMessage: string,
data: object|null
}
export default function useAxios(url: string, data: object) {
const state = reactive({
isL
浏览 1提问于2021-03-08得票数 2
回答已采纳
我读过这篇文章。
我看到当在Android中更改State<T>变量时，UI将被自动重新组合。
这是否意味着State<T>是唯一可以自动重新组合UI的变量？是否必须将其他类型(如LiveData、Flow )转换为状态以自动更新UI？
浏览 2提问于2022-03-24得票数 0
回答已采纳
我最近开始学习Jetpack写作，所以我不断地将它与传统的UI开发(Xml)进行比较。我在文章中注意到，
可组合函数可以并行运行。
组合可以通过并行运行可组合的函数来优化重构。这样就可以利用多个核心，并在屏幕上以较低的优先级运行可组合的功能。
这种优化意味着一个可组合的函数可以在后台线程池中执行。如果一个可组合函数在ViewModel上调用一个函数，那么Compose可能同时从多个线程调用该函数。
这是否意味着Compose编译器可以使用后台线程来编写/重新组合，而以前只允许主线程更新UI？
或者我在这里比较UI开发的声明式风格和传统风格是错误的，我应该把以前的事情放在一边吗？
浏览 2提问于2021-08-18得票数 7
1回答
我试图使用viewmodel状态测试我的可组合函数，但是它不能正常工作，当我运行counter_ui_increments()时，我得到的是'state 0‘而不是'state 1’。如果我在可组合函数中使用mutableStateOf，那么一切都可以正常工作。
@RunWith(AndroidJUnit4::class)
internal class CounterUiKtTest {
@get: Rule
val composeTestRule = createComposeRule()
lateinit var viewModel: MainV
浏览 12提问于2022-11-24得票数 0
我现在使用Compose，将参数传递给函数，但是我觉得，随着每一个新的数据被传递到树中，这些参数会变得越来越长。
我想知道是否有一种方法可以将值传递到树下的其他可组合性。
浏览 2提问于2021-08-25得票数 2
是否有更好的方法通过数据库中的值更新这里的文本值？
@Composable
private fun DisplayShops() {
var shopid by remember { mutableStateOf("")}
SideEffect {
val value = GlobalScope.async {
val res = withContext(Dispatchers.Default) {
getDbData() // this gets the database data
delay(1000)
浏览 4提问于2021-09-27得票数 1
回答已采纳
我在ViewModel中有一个通知列表。
class Notification(
val id: String,
val title: String,
val body: String,
val time: String,
isRead: Boolean = false,
) {
var isRead by mutableStateOf(isRead)
}
class NotificationViewModel : ViewModel() {
private val _notificationList = mutableStateLi
浏览 12提问于2022-11-09得票数 3
如果我要使用1活动整个应用程序，没有碎片。导航将使用组合函数完成。如何读取/编辑数据库、获取活动上下文或网络调用组合函数？
浏览 2提问于2021-09-20得票数 0
回答已采纳
使用传统的XML，您可以使用它的id或标记获取视图的实例。
这怎么可能在喷气背包组成？
Card(elevation = 1.dp, shape = RoundedCornerShape(8.dp), color = Color.Transparent) {
// TARGET is here
Padding(padding = 8.dp) {
Text(text = "Net stat", style = +themeTextStyle { h6 })
}
}
Text(text = netStatusState.va
浏览 0提问于2019-11-19得票数 3
回答已采纳
我不明白盒子是怎么工作的，为什么盒子覆盖着屏幕的某一层，例如，我们是三个盒子。
@Composable
fun TestScope() {
1
Box(modifier = Modifier
.fillMaxSize()
.background(color = Color.Black)) {
2
Box(
Modifier
.fillMaxSize()
.clickable { }
.backg
浏览 8提问于2022-02-21得票数 0
创建了用于在android中创建列表的ImageCard视图，但是有些图像不能刻划到Box小部件的宽度和高度。
使用640*427图像并输出类似于图像1。
使用6720*4480图像，它看起来很像图像2。
使用下面的代码创建ImageCard。
ImageCard函数的用法:在setContent{}函数中调用ImageCardData函数
@Composable
fun ImageCard(
painter: Painter,
title: String,
contentDescription: String,
modifier: Modifier = Mod
浏览 1提问于2021-04-18得票数 31
回答已采纳
我所面临的情况是，我需要创建一个API调用，但在组件挂载之前不应该触发它。
这就是我到目前为止得到的：
onMounted(async() => {
const {
data,
refresh,
pending,
error
} = await useApi(`/profile/${$auth.user.profile.sid}`, null, ['data']);
});
const computedWaiting = computed<boolean>(() => {
浏览 9提问于2022-06-02得票数 1
回答已采纳
我正在构建一个Android，它在被调用时启动一个活动。该活动需要继承与宿主应用相同的主题，即它的动作栏，按钮，文本需要有相同的颜色与宿主应用。
这在传统的XML视图中很容易实现，方法是在AndroidManifest.xml中声明SDK的活动而不使用theme，然后它将继承宿主应用程序的任何主题。
但是在Jetpack中，这似乎不再可能了--似乎Composable将始终具有默认的紫色，甚至不会被包装在MaterialTheme中。
是否有可能得到主机应用的主题为撰写？
浏览 4提问于2022-08-01得票数 0
回答已采纳
1回答
也许这并不重要，但我有一种预感--我应该“传递物体”，但我不知道为什么。
情况
我有一些Record对象是通过读取文本文件(例如CSV文件)创建的。其中一个字段定义了在此记录上执行的可能操作。
例如：
class Action:
def __init__(self, create, update, delete):
self.create = create
self.update = update
self.delete = delete
@staticmethod
def parse_from_string(actio
浏览 5提问于2015-11-23得票数 1
回答已采纳
我在youtube上学做的抽屉
Philipp Lackner
我想把抽屉添加到我的应用程序中，它有多个屏幕，其中一些不需要抽屉，所以我用屏幕实现了导航，有些屏幕还需要将抽屉放在屏幕顶部。
这是抽屉的代码
val scaffoldState = rememberScaffoldState()
val scope = rememberCoroutineScope()
Scaffold(
drawerGesturesEnabled = scaffoldState.drawerSta
浏览 9提问于2022-12-03得票数 2
回答已采纳
代码A是基于的。
我被告知，如果函数写入局部变量，这段代码将不是线程安全的或正确的，我将得到错误的结果。
他说:我用代码A测试它，但我总是得到正确的结果，为什么？
2: B码正确吗？
码A
@Composable
fun ListWithBug(myList: List<String>) {
var items = 0
Row(horizontalArrangement = Arrangement.SpaceBetween) {
Column {
for (item in myList) {
浏览 3提问于2021-10-06得票数 0
回答已采纳
1回答
如何能够多次访问和重用顶级应用程序栏的属性？这种做法是否有任何限制？我希望能够改变在顶部的应用程序栏中的文本在必要时。
class MainActivity : ComponentActivity() {
private val topBarTitle: String = "?"
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
AirlinesTheme
浏览 2提问于2022-04-30得票数 0
当函数式程序员说某个东西是可组合的还是不可组合的时，他们是什么意思？
我读过的一些这类语句是：
not do compose.Monadic structures dodo composable。
浏览 98提问于2010-05-22得票数 69
回答已采纳
使用Button，我想使它的缩小，使它的边框拥抱它的宽度，最小宽度和高度为40 of。在下面的示例中，我喜欢BigNumber预览的外观。它没有任何外部水平填充。默认预览在边框外有填充。如何在不设置绝对宽度的情况下修复此问题？考虑一下这个样本：
@Composable
fun BasketQuantityStepper(
quantityControlsViewState: QuantityControlsViewState,
onClick: () -> Unit,
modifier: Modifier = Modifier,
) {
Button(
浏览 5提问于2022-07-05得票数 1
回答已采纳
日安！
假设我想使用Vue和options，但也不想使用mixins，因为它们会造成很多问题。我希望使用composables作为混合器，为mixins/composables提供名称空间。
因此，我的“解决方案”是将options和composition结合起来。
假设我有一个这样的混合器：
export default {
data() {
return {
person: {
first_name: 'first name',
last_name: 'last name',
},
浏览 0提问于2021-07-28得票数 4
我使用Vue 2和@vue/composition-api插件。
我做了一个简单的合成：
import { ref } from '@vue/composition-api'
export function useRfp() {
const files = ref([])
return {
files
}
}
我在使用这个可组合的组件中更新文件数组，如：files.value = ...
但是，只有当可组合的外观如下所示时，它才能工作：
import { ref } from '@vue/composition-api'
const f
浏览 9提问于2022-06-19得票数 2
我有几个关于使用C++/WinRT编写的Windows运行时组件中的继承的问题。首先，为什么会有这样的限制:如果类有基类，那么它们最终必须从Windows.*命名空间中的类派生？
其次，解决这个问题的最好方法是什么。事实上，我并不真的希望消费者能够从我的类派生，但我希望在实现中从基类派生，这样就不会重写代码。目前，我的实现类是一个使用标准C++继承的标准C++类的轻量级包装器。但是，有没有办法简化这一点呢？可以将一个实现类作为另一个实现类的基类列出吗？我主要熟悉C#，其中多重继承是不可能的，所以对这种事情不太确定。
浏览 8提问于2019-10-26得票数 0
回答已采纳
1回答
库算法std：：C++11中的唯一可用于重新排列容器的输入范围，以消除相邻的重复条目，并返回一个迭代器，该迭代器表示唯一值范围的结束。这意味着，如果我们想将其应用于容器，首先必须调用std::sort，然后调用std::unique，最后以std：：擦除如下示例所示：
// sort words (vector<string>) alphabetically so we can find the duplicates
sort(words.begin(), words.end());
// unique reorders the input range so that each
浏览 4提问于2020-07-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
