tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat:update demo

Browse Source
This commit is contained in:
pengfei.zhou 2020-03-03 16:36:20 +08:00 committed by osborn
parent 021fdab35f
commit 26c367d50c
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
doric-demo/src/ScrolledSliderDemo.ts
View File

@ -133,17 +133,24 @@ class MovieVH extends ViewHolder {
} }
class MovieVM extends ViewModel<MovieModel, MovieVH>{ class MovieVM extends ViewModel<MovieModel, MovieVH>{
images: Map<number, Image> = new Map
onAttached(state: MovieModel, vh: MovieVH) { onAttached(state: MovieModel, vh: MovieVH) {
network(context).get("https://douban.uieee.com/v2/movie/top250").then(ret => { network(context).get("https://douban.uieee.com/v2/movie/top250").then(ret => {
this.updateState(state => state.doubanModel = JSON.parse(ret.data) as DoubanModel) this.updateState(state => state.doubanModel = JSON.parse(ret.data) as DoubanModel)
}) })
vh.scrolled.onScroll = (offset) => { vh.scrolled.onScroll = (offset) => {
const frameWidth = 270 / 2 * 1.5
const centerX = offset.x + Environment.screenWidth / 2 const centerX = offset.x + Environment.screenWidth / 2
const idx = Math.floor(centerX / (270 / 2 * 1.5)) const idx = Math.floor(centerX / frameWidth)
if (state.selectedIdx != idx) { if (state.selectedIdx != idx) {
this.updateState(state => state.selectedIdx = idx) this.updateState(state => state.selectedIdx = idx)
} }
const overOff = Math.abs(centerX - frameWidth * (idx + 0.5))
const scale = overOff / (frameWidth / 2)
takeNonNull(this.images.get(idx))(v => {
v.scaleX = v.scaleY = 1.5 - 0.5 * scale
})
} }
} }
@ -151,7 +158,6 @@ class MovieVM extends ViewModel<MovieModel, MovieVH>{
if (state.doubanModel) { if (state.doubanModel) {
vh.title.text = state.doubanModel.title vh.title.text = state.doubanModel.title
vh.gallery.children.length = 0 vh.gallery.children.length = 0
const vm = this
state.doubanModel.subjects.forEach((e, idx) => { state.doubanModel.subjects.forEach((e, idx) => {
vh.gallery.addChild(stack( vh.gallery.addChild(stack(
[ [
@ -160,8 +166,6 @@ class MovieVM extends ViewModel<MovieModel, MovieVH>{
width: 270 / 2, width: 270 / 2,
height: 400 / 2, height: 400 / 2,
imageUrl: e.images.large, imageUrl: e.images.large,
scaleX: state.selectedIdx == idx ? 1.5 : 1,
scaleY: state.selectedIdx == idx ? 1.5 : 1,
onClick: function () { onClick: function () {
const v = (this as Image).superview const v = (this as Image).superview
if (v == undefined) { if (v == undefined) {
@ -172,6 +176,8 @@ class MovieVM extends ViewModel<MovieModel, MovieVH>{
vh.scrolled.scrollBy(context, { x: centerX - Environment.screenWidth / 2, y: 0 }, true) vh.scrolled.scrollBy(context, { x: centerX - Environment.screenWidth / 2, y: 0 }, true)
}) })
}, },
}).also(it => {
this.images.set(idx, it)
}) })
], ],
{ {