com.facebook.litho.annotations.OnCreateLayout Java Examples

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .layoutDirection(YogaDirection.RTL)
      .child(Text.create(c).textSizeSp(20).text("This component is RTL"))
      .border(
          Border.create(c)
              .color(YogaEdge.START, NiceColor.RED)
              .color(YogaEdge.TOP, NiceColor.YELLOW)
              .color(YogaEdge.END, NiceColor.GREEN)
              .color(YogaEdge.BOTTOM, NiceColor.BLUE)
              .widthDip(YogaEdge.START, 2)
              .widthDip(YogaEdge.TOP, 4)
              .widthDip(YogaEdge.END, 8)
              .widthDip(YogaEdge.BOTTOM, 16)
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @State boolean state,
    @State boolean running,
    @State Set<String> runningAnimations) {
  return Column.create(c)
      .child(Row.create(c).child(Text.create(c).text(running ? "RUNNING" : "STOPPED")))
      .child(
          Column.create(c)
              .alignItems(!state ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Text.create(c)
                      .heightDip(50)
                      .widthDip(50)
                      .text(runningAnimations.toString())
                      .backgroundColor(Color.parseColor("#ee1111"))
                      .alpha(!state ? 1.0f : 0.2f)
                      .transitionKey(TRANSITION_KEY)
                      .build()))
      .clickHandler(BlocksSameTransitionKeyComponent.onClick(c))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @Prop String messageText,
    @Prop String timestamp,
    @Prop(optional = true) boolean seen,
    @State Boolean expanded) {
  final boolean isExpanded = expanded == null ? false : expanded;
  return Column.create(c)
      .paddingDip(YogaEdge.TOP, 8)
      .transitionKey(ExpandableElementUtil.TRANSITION_MSG_PARENT)
      .transitionKeyType(Transition.TransitionKeyType.GLOBAL)
      .clickHandler(ExpandableElementOther.onClick(c))
      .child(ExpandableElementUtil.maybeCreateTopDetailComponent(c, isExpanded, timestamp))
      .child(
          Column.create(c)
              .transitionKey(ExpandableElementUtil.TRANSITION_TEXT_MESSAGE_WITH_BOTTOM)
              .transitionKeyType(Transition.TransitionKeyType.GLOBAL)
              .child(
                  Row.create(c)
                      .paddingDip(YogaEdge.END, 5)
                      .child(createSenderTile(c))
                      .child(createMessageContent(c, messageText)))
              .child(ExpandableElementUtil.maybeCreateBottomDetailComponent(c, isExpanded, seen)))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .child(
          Text.create(c)
              .textSizeSp(20)
              .text("This component has all borders specified to the same color, but not width"))
      .border(
          Border.create(c)
              .color(YogaEdge.ALL, NiceColor.MAGENTA)
              .widthDip(YogaEdge.LEFT, 2)
              .widthDip(YogaEdge.TOP, 4)
              .widthDip(YogaEdge.RIGHT, 8)
              .widthDip(YogaEdge.BOTTOM, 16)
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .child(Text.create(c).textSizeSp(20).text("This component has varying corner radii"))
      .border(
          Border.create(c)
              .widthDip(YogaEdge.ALL, 3)
              .color(YogaEdge.LEFT, Color.BLACK)
              .color(YogaEdge.TOP, NiceColor.GREEN)
              .color(YogaEdge.BOTTOM, NiceColor.BLUE)
              .color(YogaEdge.RIGHT, NiceColor.RED)
              .radiusDip(Corner.TOP_LEFT, 10)
              .radiusDip(Corner.TOP_RIGHT, 5)
              .radiusDip(Corner.BOTTOM_RIGHT, 20)
              .radiusDip(Corner.BOTTOM_LEFT, 30)
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @State DynamicValue<Float> translationX,
    @State DynamicValue<Float> translationY) {
  return Column.create(c)
      .alignItems(YogaAlign.CENTER)
      .justifyContent(YogaJustify.CENTER)
      .paddingDip(YogaEdge.ALL, 50)
      .child(
          // Create the component we will animate. Apply the DynamicValues to it.
          Text.create(c)
              .text("\u26BE")
              .textSizeSp(50)
              .translationX(translationX)
              .translationY(translationY))
      .visibleHandler(ContinuousExampleComponent.onVisible(c))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .child(
          Text.create(c)
              .textSizeSp(20)
              .text("This component has all borders specified to the same width, but not colors"))
      .border(
          Border.create(c)
              .color(YogaEdge.LEFT, NiceColor.RED)
              .color(YogaEdge.TOP, NiceColor.YELLOW)
              .color(YogaEdge.RIGHT, NiceColor.GREEN)
              .color(YogaEdge.BOTTOM, NiceColor.BLUE)
              .widthDip(YogaEdge.ALL, 5)
              .build())
      .build();
}
 

@Test
public void testDelegateMethodIsNotStaticWithKotlinSingleton() {
  when(mLayoutSpecModel.getSpecElementType()).thenReturn(SpecElementType.KOTLIN_SINGLETON);
  when(mLayoutSpecModel.getDelegateMethods())
      .thenReturn(
          ImmutableList.of(
              SpecMethodModel.<DelegateMethod, Void>builder()
                  .annotations(ImmutableList.of((Annotation) () -> OnCreateLayout.class))
                  .modifiers(ImmutableList.of())
                  .name("name")
                  .returnTypeSpec(new TypeSpec(ClassNames.COMPONENT))
                  .typeVariables(ImmutableList.of())
                  .methodParams(
                      ImmutableList.of(
                          MockMethodParamModel.newBuilder()
                              .type(ClassNames.COMPONENT_CONTEXT)
                              .representedObject(mMethodParamObject1)
                              .build()))
                  .representedObject(mDelegateMethodObject1)
                  .typeModel(null)
                  .build()));

  final List<SpecModelValidationError> validationErrors =
      DelegateMethodValidation.validateLayoutSpecModel(mLayoutSpecModel);
  assertThat(validationErrors).isEmpty();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop ListRow row) {
  return Column.create(c)
      .paddingDip(YogaEdge.VERTICAL, 8)
      .paddingDip(YogaEdge.HORIZONTAL, 32)
      .child(
          Card.create(c)
              .content(
                  Column.create(c)
                      .marginDip(YogaEdge.ALL, 32)
                      .child(TitleComponent.create(c).title(row.title))
                      .child(PossiblyCrashingSubTitleComponent.create(c).subtitle(row.subtitle))
                      .build())
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @State String selection,
    @State boolean isShowingDropDown,
    @Prop(resType = ResType.DIMEN_TEXT, optional = true) float selectedTextSize,
    @Prop(resType = ResType.COLOR, optional = true) int selectedTextColor,
    @Prop(resType = ResType.DRAWABLE, optional = true) @Nullable Drawable caret) {
  caret = caret == null ? new CaretDrawable(c.getAndroidContext(), DEFAULT_CARET_COLOR) : caret;
  selectedTextSize =
      selectedTextSize == -1
          ? spToPx(c.getAndroidContext(), DEFAULT_TEXT_SIZE_SP)
          : selectedTextSize;

  return Row.create(c)
      .minHeightDip(SPINNER_HEIGHT)
      .justifyContent(YogaJustify.SPACE_BETWEEN)
      .paddingDip(START, MARGIN_SMALL)
      .backgroundAttr(android.R.attr.selectableItemBackground)
      .clickHandler(Spinner.onClick(c))
      .child(createSelectedItemText(c, selection, (int) selectedTextSize, selectedTextColor))
      .child(createCaret(c, caret, isShowingDropDown))
      .accessibilityRole(AccessibilityRole.DROP_DOWN_LIST)
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @Prop List<LifecycleStep.StepInfo> steps,
    @Prop(optional = true) @Nullable Caller caller,
    @State String state,
    @CachedValue int expensiveValue) {
  steps.add(new StepInfo(LifecycleStep.ON_CREATE_LAYOUT));
  if (state == null) {
    throw new IllegalStateException("OnCreateLayout called without initialised state.");
  }
  if (caller != null) {
    caller.set(c, steps);
  }
  return Column.create(c).build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop List<ListRow> dataModels) {

  return RecyclerCollectionComponent.create(c)
      .disablePTR(true)
      .section(
          DataDiffSection.<ListRow>create(new SectionContext(c))
              .data(dataModels)
              .renderEventHandler(ErrorRootComponent.onRender(c))
              .build())
      .paddingDip(YogaEdge.TOP, 8)
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(
    ComponentContext c,
    @Prop List<String> steps,
    @Prop(optional = true) AttachDetachTester.Builder[] children) {
  final Row.Builder containerBuilder = Row.create(c);
  if (children != null) {
    for (AttachDetachTester.Builder child : children) {
      containerBuilder.child(child.steps(steps));
    }
  }
  return containerBuilder.build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @State int state) {
  final boolean redLeft = state == 0 || state == 4 || state == 5;
  final boolean blueLeft = state == 0 || state == 1 || state == 5;
  final boolean greenLeft = state == 0 || state == 1 || state == 2;
  return Column.create(c)
      .child(
          Column.create(c)
              .alignItems(redLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#ee1111"))
                      .transitionKey(TRANSITION_KEY_RED)
                      .build()))
      .child(
          Column.create(c)
              .alignItems(blueLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#1111ee"))
                      .transitionKey(TRANSITION_KEY_BLUE)
                      .build()))
      .child(
          Column.create(c)
              .alignItems(greenLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#11ee11"))
                      .transitionKey(TRANSITION_KEY_GREEN)
                      .build()))
      .clickHandler(OneByOneLeftRightBlocksComponent.onClick(c))
      .build();
}
 

static List<SpecModelValidationError> validateLayoutSpecModel(LayoutSpecModel specModel) {
  List<SpecModelValidationError> validationErrors = new ArrayList<>();
  validationErrors.addAll(
      validateMethods(
          specModel,
          DelegateMethodDescriptions.LAYOUT_SPEC_DELEGATE_METHODS_MAP,
          DelegateMethodDescriptions.INTER_STAGE_INPUTS_MAP));

  final SpecMethodModel<DelegateMethod, Void> onCreateLayoutModel =
      SpecModelUtils.getMethodModelWithAnnotation(specModel, OnCreateLayout.class);
  final SpecMethodModel<DelegateMethod, Void> onCreateLayoutWithSizeSpecModel =
      SpecModelUtils.getMethodModelWithAnnotation(specModel, OnCreateLayoutWithSizeSpec.class);

  if (onCreateLayoutModel == null && onCreateLayoutWithSizeSpecModel == null) {
    validationErrors.add(
        new SpecModelValidationError(
            specModel.getRepresentedObject(),
            "You need to have a method annotated with either @OnCreateLayout "
                + "or @OnCreateLayoutWithSizeSpec in your spec. In most cases, @OnCreateLayout "
                + "is what you want."));
  } else if (onCreateLayoutModel != null && onCreateLayoutWithSizeSpecModel != null) {
    validationErrors.add(
        new SpecModelValidationError(
            specModel.getRepresentedObject(),
            "Your LayoutSpec should have a method annotated with either @OnCreateLayout "
                + "or @OnCreateLayoutWithSizeSpec, but not both. In most cases, @OnCreateLayout "
                + "is what you want."));
  }

  return validationErrors;
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop Caller caller, @State boolean state) {
  caller.set(c);
  Component component = null;
  switch (caller.testType) {
    case SAME_KEY:
      component = getSameKeyTestComponent(c, state);
      break;
    case DISAPPEAR:
      component = getDisappearComponent(c, state);
      break;
  }
  return component;
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop(resType = STRING) String subtitle) {
  if (Math.random() >= 0.7) {
    throw new RuntimeException("Oh no, a random error!");
  }

  return Text.create(c).text(subtitle).textSizeDip(18).build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Column.create(c)
      .child(
          RecyclerCollectionComponent.create(c)
              .section(TopDiffingGroupSection.create(new SectionContext(c)).build())
              .flexGrow(1f)
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop(resType = STRING) String title) {
  return Text.create(c)
      .text(title)
      .textStyle(BOLD)
      .textSizeDip(24)
      .positionDip(YogaEdge.BOTTOM, 16)
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Column.create(c)
      .backgroundColor(Color.WHITE)
      .child(Text.create(c).textSizeSp(20).text("Playground sample"))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  return Row.create(c)
      .child(
          Text.create(c)
              .textSizeSp(20)
              .text("This component has a dash path effect on its vertical edges"))
      .border(
          Border.create(c)
              .color(YogaEdge.VERTICAL, NiceColor.RED)
              .widthDip(YogaEdge.ALL, 5)
              .dashEffect(new float[] {20f, 5f}, 0f)
              .build())
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  final Handle textInputHandle = new Handle();
  return Column.create(c)
      .child(
          Text.create(c, android.R.attr.buttonStyle, 0)
              .text("Trigger custom event")
              .clickHandler(CustomEventTriggerExampleComponent.onClick(c, textInputHandle)))
      .child(ComponentWithCustomEventTriggerComponent.create(c).handle(textInputHandle))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @State int state, @State boolean running) {
  final boolean redLeft = state == 0 || state == 4 || state == 5;
  final boolean blueLeft = state == 0 || state == 1 || state == 5;
  final boolean greenLeft = state == 0 || state == 1 || state == 2;
  return Column.create(c)
      .child(Row.create(c).child(Text.create(c).text(running ? "RUNNING" : "STOPPED")))
      .child(
          Column.create(c)
              .alignItems(redLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#ee1111"))
                      .transitionKey(TRANSITION_KEY_RED)
                      .build()))
      .child(
          Column.create(c)
              .alignItems(blueLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#1111ee"))
                      .transitionKey(TRANSITION_KEY_BLUE)
                      .build()))
      .child(
          Column.create(c)
              .alignItems(greenLeft ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
              .child(
                  Row.create(c)
                      .heightDip(40)
                      .widthDip(40)
                      .backgroundColor(Color.parseColor("#11ee11"))
                      .transitionKey(TRANSITION_KEY_GREEN)
                      .build()))
      .clickHandler(ToggleMoveBlocksExampleComponent.onClick(c))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @State boolean shouldAlignStart) {
  return Column.create(c)
      .paddingDip(YogaEdge.ALL, 20)
      .alignItems(shouldAlignStart ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
      .child(Row.create(c).heightDip(SIZE_DP).widthDip(SIZE_DP).backgroundColor(Color.RED))
      .clickHandler(SingleComponentMovesTransition.onClick(c))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @State boolean top) {
  return Row.create(c)
      .heightDip(200)
      .alignItems(top ? YogaAlign.FLEX_START : YogaAlign.FLEX_END)
      .child(
          Row.create(c)
              .heightDip(40)
              .flexGrow(1)
              .backgroundColor(Color.parseColor("#ee1111"))
              .transitionKey("red")
              .build())
      .child(
          Row.create(c)
              .heightDip(40)
              .flexGrow(1)
              .backgroundColor(Color.parseColor("#1111ee"))
              .transitionKey("blue")
              .build())
      .child(
          Row.create(c)
              .heightDip(40)
              .flexGrow(1)
              .backgroundColor(Color.parseColor("#11ee11"))
              .transitionKey("green")
              .build())
      .clickHandler(UpDownBlocksComponent.onClick(c))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c) {
  final RecyclerBinder recyclerBinder = new RecyclerBinder.Builder().layoutInfo(
      new LinearLayoutInfo(c, OrientationHelper.VERTICAL, false)).build(c);

  Demos.addAllToBinder(recyclerBinder, c);

  return Recycler.create(c)
      .binder(recyclerBinder)
      .flexShrink(0)
      .testKey(MAIN_SCREEN)
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop final ArtistDatum artist,
    @Prop final RecyclerBinder binder) {
  return Column.create(c)
      .child(Column.create(c)
          .child(artist.getImages().length == 1 ? getImageComponent(c, artist)
              : getRecyclerComponent(c, binder))
          .child(TitleComponent.create(c).title(artist.getName()))
          .child(ActionsComponent.create(c)))
      .child(FooterComponent.create(c).text(artist.getBiography()))
      .build();
}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop String text1, @Prop String text2) {
  return Column.create(c)
      .child(Text.create(c).text(text1).textSizeDip(50))
      .child(
          Text.create(c).text(text2).textColorRes(android.R.color.holo_green_dark).textSizeSp(30))
      .build();
}
 

@OnCreateLayout
public void onCreateLayout(
    @Prop boolean arg0,
    @State int arg1,
    @Param Object arg2,
    @TreeProp long arg3,
    @State(canUpdateLazily = true) boolean arg4) {}
 

@OnCreateLayout
static Component onCreateLayout(ComponentContext c, @Prop final ArtistDatum artist,
    @Prop final RecyclerBinder binder) {
  return Column.create(c)
      .child(Column.create(c)
          .child(artist.getImages().length == 1 ? getImageComponent(c, artist)
              : getRecyclerComponent(c, binder))
          .child(TitleComponent.create(c).title(artist.getName()))
          .child(ActionsComponent.create(c)))
      .child(FooterComponent.create(c).text(artist.getBiography()))
      .build();
}