92 lines
3.8 KiB
TypeScript
92 lines
3.8 KiB
TypeScript
/*
|
|
* Copyright [2019] [Doric.Pub]
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
import { BridgeContext } from "../runtime/global"
|
|
import { Scroller } from "../widget/scroller"
|
|
import { List } from "../widget/list"
|
|
import { FlowLayout } from "../widget/flowlayout"
|
|
import { View } from "../ui/view"
|
|
import { Color } from "../util/color"
|
|
import { Panel } from "../ui/panel"
|
|
|
|
function viewIdChains(view: View) {
|
|
const viewIds = []
|
|
let thisView: View | undefined = view
|
|
while (thisView != undefined) {
|
|
viewIds.push(thisView.viewId)
|
|
thisView = thisView.superview
|
|
}
|
|
return viewIds.reverse()
|
|
}
|
|
|
|
export function coordinator(context: BridgeContext) {
|
|
return {
|
|
verticalScrolling: (
|
|
argument: {
|
|
scrollable: Scroller | List | FlowLayout,
|
|
scrollRange: {
|
|
start: number,
|
|
end: number,
|
|
},
|
|
target: View | "NavBar",
|
|
changing: {
|
|
name: "backgroundColor" | "width" | "height" | "x" | "y" | "alpha",
|
|
start: number | Color
|
|
end: number | Color
|
|
},
|
|
}) => {
|
|
if (context.entity instanceof Panel) {
|
|
const panel = context.entity;
|
|
panel.addOnRenderFinishedCallback(() => {
|
|
(argument as any).scrollable = viewIdChains(argument.scrollable);
|
|
if (argument.target instanceof View) {
|
|
(argument as any).target = viewIdChains(argument.target);
|
|
}
|
|
if (argument.changing.start instanceof Color) {
|
|
argument.changing.start = argument.changing.start.toModel();
|
|
}
|
|
if (argument.changing.end instanceof Color) {
|
|
argument.changing.end = argument.changing.end.toModel();
|
|
}
|
|
context.callNative("coordinator", "verticalScrolling", argument);
|
|
});
|
|
}
|
|
},
|
|
observeScrollingInterval: (
|
|
argument: {
|
|
scrollable: Scroller | List | FlowLayout,
|
|
// [a_0, a_1, ...a_n] a_n-1<a_n
|
|
// It represents interval (-∞,a_0),(a_0,a_1), ... (a_n-1,a_n), (a_n, +∞)
|
|
// the real interval's length is n+1
|
|
observingInterval: number[],
|
|
// Left means interval is Left closed right open interval
|
|
// Right means interval is Left open right closed interval
|
|
// Default is Right
|
|
inclusive?: "Left" | "Right",
|
|
// When scroll accross an,call this function
|
|
// The argument means that it is scrolled to interval (a_n-1,a_n)
|
|
onScrolledInterval: (n: number) => void,
|
|
}) => {
|
|
if (context.entity instanceof Panel) {
|
|
const panel = context.entity;
|
|
panel.addOnRenderFinishedCallback(() => {
|
|
(argument as any).scrollable = viewIdChains(argument.scrollable);
|
|
(argument as any).onScrolledInterval = context.function2Id(argument.onScrolledInterval);
|
|
context.callNative("coordinator", "observeScrollingInterval", argument)
|
|
});
|
|
}
|
|
},
|
|
}
|
|
} |