javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-15 19:26:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1503 from NativeScript/issue-1232

Browse Source 
Fixed Issue #1232: WrapLayout crashes when itemWidth value is too high.
This commit is contained in:
Rossen Hristov
2016-02-07 13:48:40 +02:00
parent 7c278cb35a 2f8bce74fb
commit 630daa03e9
2 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/tests/layouts/wrap-layout-tests.ts
View File

@ -182,6 +182,14 @@ export class WrapLayoutTest extends testModule.UITest<wrapLayoutModule.WrapLayou
TKUnit.assertEqual(actualValue, 50, "ActualLeft on Index 1");
}
public testItemWidthLargerThanTheAvailableWidth() {
this.testView.itemWidth = layoutHelper.dp(1000);
this.waitUntilTestElementLayoutIsValid();
TKUnit.assertEqual(this.testView.getChildAt(0)._getCurrentLayoutBounds().top, 0, "ActualTop on Index 0");
TKUnit.assertEqual(this.testView.getChildAt(1)._getCurrentLayoutBounds().top, 100, "ActualTop on Index 1");
}
public testItemHeight() {
this.testView.itemHeight = layoutHelper.dp(50);
this.testView.orientation = enums.Orientation.vertical;
@ -201,6 +209,16 @@ export class WrapLayoutTest extends testModule.UITest<wrapLayoutModule.WrapLayou
TKUnit.assertEqual(actualValue, 50, "ActualTop on Index 1");
}
public testItemHeightLargerThanTheAvailableHeight() {
this.testView.orientation = enums.Orientation.vertical;
this.waitUntilTestElementLayoutIsValid();
this.testView.itemHeight = layoutHelper.dp(1000);
this.waitUntilTestElementLayoutIsValid();
TKUnit.assertEqual(this.testView.getChildAt(0)._getCurrentLayoutBounds().left, 0, "ActualLeft on Index 0");
TKUnit.assertEqual(this.testView.getChildAt(1)._getCurrentLayoutBounds().left, 100, "ActualLeft on Index 1");
}
public testPaddingLeftAndTop() {
this.testView.removeChildren();
this.testView.paddingLeft = layoutHelper.dp(20);

25
ui/layouts/wrap-layout/wrap-layout.ios.ts
View File

@ -60,14 +60,15 @@ export class WrapLayout extends common.WrapLayout {
var desiredSize = View.measureChild(this, child, childWidthMeasureSpec, childHeightMeasureSpec);
let childMeasuredWidth = useItemWidth ? itemWidth : desiredSize.measuredWidth;
let childMeasuredHeight = useItemHeight ? itemHeight : desiredSize.measuredHeight;
let isFirst = this._lengths.length <= rowOrColumn;
if (isVertical) {
if (childMeasuredHeight > remainingHeight) {
rowOrColumn++;
maxLength = Math.max(maxLength, measureHeight);
measureHeight = childMeasuredHeight;
remainingWidth = availableHeight - childMeasuredHeight;
this._lengths[rowOrColumn] = childMeasuredWidth;
remainingHeight = availableHeight - childMeasuredHeight;
this._lengths[isFirst ? rowOrColumn - 1 : rowOrColumn] = childMeasuredWidth;
}
else {
remainingHeight -= childMeasuredHeight;
@ -80,7 +81,7 @@ export class WrapLayout extends common.WrapLayout {
maxLength = Math.max(maxLength, measureWidth);
measureWidth = childMeasuredWidth;
remainingWidth = availableWidth - childMeasuredWidth;
this._lengths[rowOrColumn] = childMeasuredHeight;
this._lengths[isFirst ? rowOrColumn - 1 : rowOrColumn] = childMeasuredHeight;
}
else {
remainingWidth -= childMeasuredWidth;
@ -88,7 +89,7 @@ export class WrapLayout extends common.WrapLayout {
}
}
if (this._lengths.length <= rowOrColumn) {
if (isFirst) {
this._lengths[rowOrColumn] = isVertical ? childMeasuredWidth : childMeasuredHeight;
}
else {
@ -151,35 +152,41 @@ export class WrapLayout extends common.WrapLayout {
if (isVertical) {
childWidth = length;
childHeight = this.itemHeight > 0 ? this.itemHeight * density : childHeight;
let isFirst = childTop === this.paddingTop * density;
if (childTop + childHeight > childrenLength) {
// Move to top.
childTop = this.paddingTop * density;
if (!isFirst) {
// Move to right with current column width.
childLeft += length;
}
// Move to next column.
rowOrColumn++;
// Take current column width.
childWidth = length = this._lengths[rowOrColumn];
// Take respective column width.
childWidth = this._lengths[isFirst ? rowOrColumn - 1 : rowOrColumn];
}
}
else {
childWidth = this.itemWidth > 0 ? this.itemWidth * density : childWidth;
childHeight = length;
let isFirst = childLeft === this.paddingLeft * density;
if (childLeft + childWidth > childrenLength) {
// Move to left.
childLeft = this.paddingLeft * density;
if (!isFirst) {
// Move to bottom with current row height.
childTop += length;
}
// Move to next column.
// Move to next row.
rowOrColumn++;
// Take current row height.
childHeight = length = this._lengths[rowOrColumn];
// Take respective row height.
childHeight = this._lengths[isFirst ? rowOrColumn - 1 : rowOrColumn];
}
}