com.facebook.yoga.YogaPositionType Java Examples

The following examples show how to use com.facebook.yoga.YogaPositionType. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: TitleComponentSpec.java From litho-picasso with MIT License

6 votes

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @Prop(resType = STRING) String title) {
  return Text.create(c)
      .text(title)
      .textStyle(BOLD)
      .textSizeDip(24)
      .flexShrink(0)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.BOTTOM, 4)
      .positionDip(YogaEdge.LEFT, 4)
      .paddingDip(YogaEdge.HORIZONTAL, 6)
      .build();
}

Example #2

Source File: TitleComponentSpec.java From litho-glide with MIT License

6 votes

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @Prop(resType = STRING) String title) {
  return Text.create(c)
      .text(title)
      .textStyle(BOLD)
      .textSizeDip(24)
      .flexShrink(0)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.BOTTOM, 4)
      .positionDip(YogaEdge.LEFT, 4)
      .paddingDip(YogaEdge.HORIZONTAL, 6)
      .build();
}

Example #3

Source File: FastScrollHandleComponentSpec.java From litho with Apache License 2.0

6 votes

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @State RecyclerCollectionEventsController recyclerEventsController,
    @State DynamicValue<Float> handleTranslation,
    @State ScrollController scrollController) {
  return Column.create(c)
      .backgroundColor(Color.WHITE)
      .child(
          RecyclerCollectionComponent.create(c)
              .positionType(YogaPositionType.ABSOLUTE)
              .positionPx(YogaEdge.ALL, 0)
              .section(CountriesListSection.create(new SectionContext(c)).build())
              .onScrollListener(scrollController)
              .eventsController(recyclerEventsController)
              .disablePTR(true))
      .child(
          buildDragHandle(c)
              .positionType(YogaPositionType.ABSOLUTE)
              .positionDip(YogaEdge.RIGHT, HANDLE_RIGHT_MARGIN)
              .positionDip(YogaEdge.TOP, HANDLE_VERTICAL_MARGIN)
              .translationY(handleTranslation)
              .touchHandler(FastScrollHandleComponent.onTouchEvent(c)))
      .build();
}

Example #4

Source File: LayoutShadowNode.java From react-native-GPay with MIT License

6 votes

@ReactProp(name = ViewProps.POSITION)
public void setPosition(@Nullable String position) {
  if (isVirtual()) {
    return;
  }

  if (position == null) {
    setPositionType(YogaPositionType.RELATIVE);
    return;
  }

  switch (position) {
    case "relative": {
      setPositionType(YogaPositionType.RELATIVE);
      break;
    }
    case "absolute": {
      setPositionType(YogaPositionType.ABSOLUTE);
      break;
    }
    default: {
      throw new JSApplicationIllegalArgumentException(
          "invalid value for position: " + position);
    }
  }
}

Example #5

Source File: ActionsComponentSpec.java From litho with Apache License 2.0

5 votes

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.RIGHT, 4)
      .positionDip(YogaEdge.TOP, 4)
      .paddingDip(YogaEdge.ALL, 2)
      .child(FavouriteButton.create(c))
      .build();
}

Example #6

Source File: ActionsComponentSpec.java From litho-picasso with MIT License

5 votes

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.RIGHT, 4)
      .positionDip(YogaEdge.TOP, 4)
      .paddingDip(YogaEdge.ALL, 2)
      .child(FavouriteButton.create(c))
      .build();
}

Example #7

Source File: ActionsComponentSpec.java From litho-glide with MIT License

5 votes

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c) {
  return Row.create(c)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.RIGHT, 4)
      .positionDip(YogaEdge.TOP, 4)
      .paddingDip(YogaEdge.ALL, 2)
      .child(FavouriteButton.create(c))
      .build();
}

Example #8

Source File: TitleComponentSpec.java From litho with Apache License 2.0

5 votes

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop(resType = STRING) String title) {
  return Text.create(c)
      .text(title)
      .textStyle(BOLD)
      .textSizeDip(24)
      .backgroundColor(0xDDFFFFFF)
      .positionType(YogaPositionType.ABSOLUTE)
      .positionDip(YogaEdge.BOTTOM, 4)
      .positionDip(YogaEdge.LEFT, 4)
      .paddingDip(YogaEdge.HORIZONTAL, 6)
      .build();
}

Example #9

Source File: LayoutPropertyApplicatorTest.java From react-native-GPay with MIT License

5 votes

@Test
public void testEnumerations() {
  LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
  ReactStylesDiffMap map = buildStyles(
      "flexDirection",
      "column",
      "alignSelf",
      "stretch",
      "alignItems",
      "center",
      "justifyContent",
      "space_between",
      "position",
      "relative");

  reactShadowNode.updateProperties(map);
  verify(reactShadowNode).setFlexDirection(YogaFlexDirection.COLUMN);
  verify(reactShadowNode).setAlignSelf(YogaAlign.STRETCH);
  verify(reactShadowNode).setAlignItems(YogaAlign.CENTER);
  verify(reactShadowNode).setJustifyContent(YogaJustify.SPACE_BETWEEN);
  verify(reactShadowNode).setPositionType(YogaPositionType.RELATIVE);

  reactShadowNode = spy(new LayoutShadowNode());
  map = buildStyles();
  reactShadowNode.updateProperties(map);

  verify(reactShadowNode, never()).setFlexDirection(any(YogaFlexDirection.class));
  verify(reactShadowNode, never()).setAlignSelf(any(YogaAlign.class));
  verify(reactShadowNode, never()).setAlignItems(any(YogaAlign.class));
  verify(reactShadowNode, never()).setJustifyContent(any(YogaJustify.class));
  verify(reactShadowNode, never()).setPositionType(any(YogaPositionType.class));
}

Example #10

Source File: LayoutPropertyApplicatorTest.java From react-native-GPay with MIT License

5 votes

@Test
public void testPosition() {
  LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
  ReactStylesDiffMap map = spy(buildStyles(
      "position",
      "absolute",
      "bottom",
      10.0,
      "right",
      5.0));

  reactShadowNode.updateProperties(map);
  verify(reactShadowNode).setPosition(eq(Spacing.BOTTOM), anyFloat());
  verify(reactShadowNode).setPosition(eq(Spacing.END), anyFloat());
  verify(reactShadowNode).setPositionType(any(YogaPositionType.class));
  verify(map).getFloat("bottom", Float.NaN);
  verify(map).getFloat("right", Float.NaN);

  reactShadowNode = spy(new LayoutShadowNode());
  map = spy(buildStyles());

  reactShadowNode.updateProperties(map);
  verify(reactShadowNode, never()).setPosition(eq(Spacing.BOTTOM), anyFloat());
  verify(reactShadowNode, never()).setPosition(eq(Spacing.END), anyFloat());
  verify(reactShadowNode, never()).setPositionType(any(YogaPositionType.class));
  verify(map, never()).getFloat("bottom", Float.NaN);
  verify(map, never()).getFloat("right", Float.NaN);
}

Example #11

Source File: DebugLayoutNode.java From litho with Apache License 2.0

4 votes

public YogaPositionType getPositionType() {
  return mNode.getYogaNode().getPositionType();
}

Example #12

Source File: DebugLayoutNode.java From litho with Apache License 2.0

4 votes

public void setPositionType(YogaPositionType yogaPositionType) {
  mNode.positionType(yogaPositionType);
}

Example #13

Source File: DefaultInternalNode.java From litho with Apache License 2.0

4 votes

@Override
public void applyAttributes(TypedArray a) {
  for (int i = 0, size = a.getIndexCount(); i < size; i++) {
    final int attr = a.getIndex(i);

    if (attr == R.styleable.ComponentLayout_android_layout_width) {
      int width = a.getLayoutDimension(attr, -1);
      // We don't support WRAP_CONTENT or MATCH_PARENT so no-op for them
      if (width >= 0) {
        widthPx(width);
      }
    } else if (attr == R.styleable.ComponentLayout_android_layout_height) {
      int height = a.getLayoutDimension(attr, -1);
      // We don't support WRAP_CONTENT or MATCH_PARENT so no-op for them
      if (height >= 0) {
        heightPx(height);
      }
    } else if (attr == R.styleable.ComponentLayout_android_minHeight) {
      minHeightPx(a.getDimensionPixelSize(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_minWidth) {
      minWidthPx(a.getDimensionPixelSize(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingLeft) {
      paddingPx(LEFT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingTop) {
      paddingPx(TOP, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingRight) {
      paddingPx(RIGHT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingBottom) {
      paddingPx(BOTTOM, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingStart && SUPPORTS_RTL) {
      paddingPx(START, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_paddingEnd && SUPPORTS_RTL) {
      paddingPx(END, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_padding) {
      paddingPx(ALL, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginLeft) {
      marginPx(LEFT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginTop) {
      marginPx(TOP, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginRight) {
      marginPx(RIGHT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginBottom) {
      marginPx(BOTTOM, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginStart && SUPPORTS_RTL) {
      marginPx(START, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_marginEnd && SUPPORTS_RTL) {
      marginPx(END, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_layout_margin) {
      marginPx(ALL, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_importantForAccessibility
        && SDK_INT >= JELLY_BEAN) {
      importantForAccessibility(a.getInt(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_android_duplicateParentState) {
      duplicateParentState(a.getBoolean(attr, false));
    } else if (attr == R.styleable.ComponentLayout_android_background) {
      if (TypedArrayUtils.isColorAttribute(a, R.styleable.ComponentLayout_android_background)) {
        backgroundColor(a.getColor(attr, 0));
      } else {
        backgroundRes(a.getResourceId(attr, -1));
      }
    } else if (attr == R.styleable.ComponentLayout_android_foreground) {
      if (TypedArrayUtils.isColorAttribute(a, R.styleable.ComponentLayout_android_foreground)) {
        foregroundColor(a.getColor(attr, 0));
      } else {
        foregroundRes(a.getResourceId(attr, -1));
      }
    } else if (attr == R.styleable.ComponentLayout_android_contentDescription) {
      getOrCreateNodeInfo().setContentDescription(a.getString(attr));
    } else if (attr == R.styleable.ComponentLayout_flex_direction) {
      flexDirection(YogaFlexDirection.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex_wrap) {
      wrap(YogaWrap.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex_justifyContent) {
      justifyContent(YogaJustify.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex_alignItems) {
      alignItems(YogaAlign.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex_alignSelf) {
      alignSelf(YogaAlign.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex_positionType) {
      positionType(YogaPositionType.fromInt(a.getInteger(attr, 0)));
    } else if (attr == R.styleable.ComponentLayout_flex) {
      final float flex = a.getFloat(attr, -1);
      if (flex >= 0f) {
        flex(flex);
      }
    } else if (attr == R.styleable.ComponentLayout_flex_left) {
      positionPx(LEFT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_flex_top) {
      positionPx(TOP, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_flex_right) {
      positionPx(RIGHT, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_flex_bottom) {
      positionPx(BOTTOM, a.getDimensionPixelOffset(attr, 0));
    } else if (attr == R.styleable.ComponentLayout_flex_layoutDirection) {
      final int layoutDirection = a.getInteger(attr, -1);
      layoutDirection(YogaDirection.fromInt(layoutDirection));
    }
  }
}

Example #14

Source File: AnimatedBadgeSpec.java From litho with Apache License 2.0

4 votes

static Component buildComment2(ComponentContext c, boolean expanded) {
  return Column.create(c)
      .paddingDip(YogaEdge.ALL, 8)
      .child(
          Row.create(c)
              .alignItems(YogaAlign.CENTER)
              .child(
                  Text.create(c)
                      .textSizeSp(16)
                      .textStyle(Typeface.BOLD)
                      .text("Cristobal Castilla"))
              .child(
                  Row.create(c)
                      .widthDip(expanded ? 48 : 24)
                      .marginDip(YogaEdge.LEFT, 8)
                      .paddingDip(YogaEdge.ALL, 3)
                      .alignItems(YogaAlign.CENTER)
                      .child(
                          Column.create(c)
                              .positionType(YogaPositionType.ABSOLUTE)
                              .positionDip(YogaEdge.LEFT, expanded ? 27 : 3)
                              .heightDip(18)
                              .widthDip(18)
                              .background(buildRoundedRect(c, 0xFFB2CFE5, 9)))
                      .child(
                          Column.create(c)
                              .positionType(YogaPositionType.ABSOLUTE)
                              .positionDip(YogaEdge.LEFT, expanded ? 15 : 3)
                              .heightDip(18)
                              .widthDip(18)
                              .background(buildRoundedRect(c, 0xFF4B8C61, 9)))
                      .child(
                          Column.create(c)
                              .heightDip(18)
                              .widthDip(18)
                              .background(buildRoundedRect(c, 0xFFFFB74B, 9)))
                      .background(buildRoundedRect(c, Color.WHITE, 12))))
      .child(Text.create(c).textSizeSp(18).text("So awesome!"))
      .background(buildRoundedRect(c, 0xFFDDDDDD, 20))
      .build();
}

Example #15

Source File: ExpandingPickerComponentSpec.java From litho with Apache License 2.0

4 votes

@OnCreateLayout
static Component onCreateLayout(
    final ComponentContext c,
    @State DynamicValue<Float> expandedAmount,
    @State DynamicValue<Float> contractButtonRotation,
    @State DynamicValue<Float> contractButtonScale,
    @State DynamicValue<Float> contractButtonAlpha,
    @State DynamicValue<Float> expandButtonScale,
    @State DynamicValue<Float> expandButtonAlpha,
    @State DynamicValue<Float> menuButtonAlpha) {
  final SectionContext s = new SectionContext(c);
  return Row.create(c)
      .paddingDip(YogaEdge.ALL, 20)
      .clickHandler(ExpandingPickerComponent.onClickEvent(c))
      .child(
          Row.create(c)
              .widthPercent(100)
              .child(
                  TileComponent.create(c)
                      .scaleX(expandButtonScale)
                      .scaleY(expandButtonScale)
                      .alpha(expandButtonAlpha)
                      .bgColor(Color.RED)
                      .text("Aa"))
              .child(
                  TileComponent.create(c)
                      .positionType(YogaPositionType.ABSOLUTE)
                      .rotation(contractButtonRotation)
                      .scaleX(contractButtonScale)
                      .scaleY(contractButtonScale)
                      .alpha(contractButtonAlpha)
                      .bgColor(Color.LTGRAY)
                      .text("<"))
              .child(
                  RecyclerCollectionComponent.create(s)
                      .flexGrow(1)
                      .itemDecoration(
                          new ItemDecoration() {
                            @Override
                            public void getItemOffsets(
                                Rect outRect,
                                View view,
                                RecyclerView parent,
                                RecyclerView.State state) {
                              outRect.left = c.getResourceResolver().dipsToPixels(5);
                            }
                          })
                      .recyclerConfiguration(
                          ListRecyclerConfiguration.create()
                              .orientation(LinearLayoutManager.HORIZONTAL)
                              .build())
                      .section(MenuItemsSection.create(s).expandedAmount(expandedAmount).build())
                      .build())
              .child(
                  TileComponent.create(c).alpha(menuButtonAlpha).bgColor(Color.LTGRAY).text("#")))
      .build();
}

Example #16

Source File: LayoutPropertyApplicatorTest.java From react-native-GPay with MIT License

4 votes

@Test
public void testPropertiesResetToDefault() {
  DisplayMetrics displayMetrics = new DisplayMetrics();
  displayMetrics.density = 1.0f;
  DisplayMetricsHolder.setWindowDisplayMetrics(displayMetrics);

  LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
  ReactStylesDiffMap map = buildStyles(
      "width",
      10.0,
      "height",
      10.0,
      "left",
      10.0,
      "top",
      10.0,
      "flex",
      1.0,
      "padding",
      10.0,
      "marginLeft",
      10.0,
      "borderTopWidth",
      10.0,
      "flexDirection",
      "row",
      "alignSelf",
      "stretch",
      "alignItems",
      "center",
      "justifyContent",
      "space_between",
      "position",
      "absolute");

  reactShadowNode.updateProperties(map);
  verify(reactShadowNode).setStyleWidth(10.f);
  verify(reactShadowNode).setStyleHeight(10.f);
  verify(reactShadowNode).setPosition(Spacing.START, 10.f);
  verify(reactShadowNode).setPosition(Spacing.TOP, 10.f);
  verify(reactShadowNode).setFlex(1.0f);
  verify(reactShadowNode).setPadding(Spacing.ALL, 10.f);
  verify(reactShadowNode).setMargin(Spacing.START, 10.f);
  verify(reactShadowNode).setBorder(Spacing.TOP, 10.f);
  verify(reactShadowNode).setFlexDirection(YogaFlexDirection.ROW);
  verify(reactShadowNode).setAlignSelf(YogaAlign.STRETCH);
  verify(reactShadowNode).setAlignItems(YogaAlign.CENTER);
  verify(reactShadowNode).setJustifyContent(YogaJustify.SPACE_BETWEEN);
  verify(reactShadowNode).setPositionType(YogaPositionType.ABSOLUTE);

  map = buildStyles(
      "width",
      null,
      "height",
      null,
      "left",
      null,
      "top",
      null,
      "flex",
      null,
      "padding",
      null,
      "marginLeft",
      null,
      "borderTopWidth",
      null,
      "flexDirection",
      null,
      "alignSelf",
      null,
      "alignItems",
      null,
      "justifyContent",
      null,
      "position",
      null);

  reset(reactShadowNode);
  reactShadowNode.updateProperties(map);
  verify(reactShadowNode).setStyleWidth(YogaConstants.UNDEFINED);
  verify(reactShadowNode).setStyleHeight(YogaConstants.UNDEFINED);
  verify(reactShadowNode).setPosition(Spacing.START, YogaConstants.UNDEFINED);
  verify(reactShadowNode).setPosition(Spacing.TOP, YogaConstants.UNDEFINED);
  verify(reactShadowNode).setFlex(0.f);
  verify(reactShadowNode).setPadding(Spacing.ALL, YogaConstants.UNDEFINED);
  verify(reactShadowNode).setMargin(Spacing.START, YogaConstants.UNDEFINED);
  verify(reactShadowNode).setBorder(Spacing.TOP, YogaConstants.UNDEFINED);
  verify(reactShadowNode).setFlexDirection(YogaFlexDirection.COLUMN);
  verify(reactShadowNode).setAlignSelf(YogaAlign.AUTO);
  verify(reactShadowNode).setAlignItems(YogaAlign.STRETCH);
  verify(reactShadowNode).setJustifyContent(YogaJustify.FLEX_START);
  verify(reactShadowNode).setPositionType(YogaPositionType.RELATIVE);
}

Example #17

Source File: MountStateIncrementalMountTest.java From litho with Apache License 2.0

4 votes

/**
 * Verify that we can cope with a negative padding on a component that is wrapped in a view (since
 * the bounds of the component will be larger than the bounds of the view).
 */
@Test
public void testIncrementalMountVerticalDrawableStackNegativeMargin() {
  final EventHandler eventHandler = mock(EventHandler.class);
  final Component child1 = SimpleMountSpecTester.create(mContext).build();
  final Component root =
      Column.create(mContext)
          .child(
              Wrapper.create(mContext)
                  .delegate(child1)
                  .widthPx(10)
                  .heightPx(10)
                  .clickHandler(eventHandler)
                  .positionType(YogaPositionType.ABSOLUTE)
                  .alignSelf(YogaAlign.CENTER)
                  .marginDip(YogaEdge.LEFT, -10)
                  .marginDip(YogaEdge.TOP, -10))
          .build();

  final Component root2 =
      Row.create(mContext)
          .child(
              Wrapper.create(mContext)
                  .delegate(root)
                  .clickHandler(eventHandler)
                  .marginDip(YogaEdge.TOP, 100)
                  .build())
          .build();

  mLithoViewRule
      .setRoot(root2)
      .attachToWindow()
      .setSizeSpecs(makeSizeSpec(1000, EXACTLY), makeSizeSpec(1000, EXACTLY))
      .measure()
      .layout();

  final LithoView lithoView = mLithoViewRule.getLithoView();
  lithoView.getComponentTree().mountComponent(new Rect(0, 0, 1000, 10), true);

  lithoView.getComponentTree().mountComponent(new Rect(0, 80, 1000, 1000), true);
}

Example #18

Source File: ReactShadowNodeImpl.java From react-native-GPay with MIT License

4 votes

@Override
public void setPositionType(YogaPositionType positionType) {
  assertNotSealed();
  mYogaNode.setPositionType(positionType);
}

Example #19

Source File: ReactShadowNode.java From react-native-GPay with MIT License

votes

void setPositionType(YogaPositionType positionType);