如何修改所选CollectionViewItem的大小

Question

我想以某种方式选择我的cellItem来增加一些尺寸，与其他尺寸不同。实际上相同的尺寸，但选择的一个比其他的高一步。这与布局有关吗？有什么办法吗？还是故事板？

我附上了一些照片，看看我到目前为止做了些什么，以及它是怎么想的。

它应该如何

现在怎么样。

Answer 1

1. 为该greenBorderd视图的顶部和底部约束创建插座。

2. 假设我们将它们的值设置为10.单击collectionView项时，将其topConstraint值更改为0，将bottomConstraint值更改为20.

3. 在collectionViewDidSelect方法和colletionView didDeselectItemAt方法中将它们设置为原始值

4. 在UICollectionView的cellForItem方法中编写相同的代码。

请参阅以下代码

{{1}}

它会向您显示与预期相同的效果。

Answer 2

请尝试此代码

<button type="submit" class="btn btn-lg btn-info btn-block btnlog" [disabled]="loginForm.invalid" (click)="login()">Login</button>

Answer 3

如果您想稍微缩放一下，可以使用：

import Vue from 'vue'
import Vuex from 'vuex'
import login from '@/vuex/modules/login'
import shoppinglists from '@/vuex/modules/shoppinglists'
import users from '@/vuex/modules/users'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    login,
    shoppinglists,
    users
  }
})

还有另一种选择，您可以将子视图添加到其底部约束等于16的单元格（例如），并且在选择时您可以更改该视图的边框颜色。

Answer 4

1. 通过覆盖UICollectionViewFlowLayout
创建新的flowlayout
2. 将其分配给集合视图
3. 在自定义流程图
上存储所选项目索引
4. 当layoutAttributesForItemAtIndexPath：修改项目的帧大小时

提示： 缓存计算索引路径的布局属性，因为它们将多次从集合视图中询问。