在Android中使用jfoenix

Question

JFoenix在桌面应用程序上运行良好。

那么如何在android中实现JFoenix呢？

这是下面的build.gradle

buildscript {
repositories {
    jcenter()
}
dependencies {
    classpath 'org.javafxports:jfxmobile-plugin:1.2.0'
}
 }
apply plugin :'org.javafxports.jfxmobile'
repositories {
jcenter()
maven {
    url 'http://nexus.gluonhq.com/nexus/content/repositories/releases'
}
   }

    mainClassName = 'com.sample.Main'

    dependencies {
compile 'com.gluonhq:charm:4.2.0'
compile 'com.jfoenix:jfoenix:1.0.0'
       //compile files('lib/jfoenix-0.0.0-SNAPSHOT-retrolambda.jar')
    }

    jfxmobile {
downConfig {
    version = '3.1.0'
    // Do not edit the line below. Use Gluon Mobile Settings in your project context menu instead
    plugins 'display', 'lifecycle', 'statusbar', 'storage'
}
android {
    manifest = 'src/android/AndroidManifest.xml'
}
ios {
    infoPList = file('src/ios/Default-Info.plist')
    forceLinkClasses = [
            'com.gluonhq.**.*',
            'javax.annotations.**.*',
            'javax.inject.**.*',
            'javax.json.**.*',
            'org.glassfish.json.**.*'
    ]
}

}

这是使用JFoenix构建的fxml文件
（如您所见，我包含了JFXDatePicker）

<?xml version="1.0" encoding="UTF-8"?>

   <?language javascript?>
   <?import com.jfoenix.controls.JFXDatePicker?>
   <?import javafx.scene.control.Button?>
   <?import javafx.scene.control.Label?>
   <?import javafx.scene.control.ToggleButton?>
   <?import javafx.scene.control.ToggleGroup?>
   <?import javafx.scene.image.Image?>
   <?import javafx.scene.image.ImageView?>
   <?import javafx.scene.layout.AnchorPane?>

   <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="620.0" prefWidth="360.0" style="-fx-background-color: linear-gradient(#c3361d,fuchsia);" stylesheets="@Next.css" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.android.scheduler.Next">

     <children>
     <Label text="Now ,You can Schedule Wifi" AnchorPane.leftAnchor="70.0" />
     <ToggleButton fx:id="ON" layoutX="152.0" layoutY="68.0" mnemonicParsing="false" onAction="#ON" text="On">
  <toggleGroup>
        <ToggleGroup fx:id="select" />
     </toggleGroup>
  </ToggleButton>
  <ToggleButton fx:id="OFF" layoutX="195.0" layoutY="68.0" mnemonicParsing="false" onAction="#OFF" text="Off" toggleGroup="$select" />
  <Label layoutX="49.0" layoutY="66.0" text="Action:" />      <Label fx:id="scheduled" layoutX="76.0" layoutY="107.0" text="Choose between Any one" />
  <Label layoutX="5.0" layoutY="202.0" text="Start Time:" />
  <Label layoutX="6.0" layoutY="283.0" text="End Time :" />
  <Button defaultButton="true" layoutX="129.0" layoutY="354.0" mnemonicParsing="false" text="Schedule" textAlignment="CENTER">
      <graphic>
          <ImageView>
              <image>
                  <Image url="@reminders-24.png" />
              </image>
          </ImageView>
      </graphic>
  </Button>
  <Button layoutX="113.0" layoutY="436.0" mnemonicParsing="false" onAction="#gotoHome" text="Back to Home">
  <graphic>
      <ImageView>
         <image>
             <Image url="@home-24.png" />
         </image>
      </ImageView>
  </graphic>
  </Button>
  <Label layoutX="195.0" layoutY="247.0" text="to" />
  <Label layoutX="110.0" layoutY="155.0" text="Hours" />
  <Label layoutX="184.0" layoutY="155.0" text="Minutes" />
  <JFXDatePicker fx:id="start" defaultColor="#b2dbee" layoutX="139.0" layoutY="210.0" showTime="true" />
  <JFXDatePicker fx:id="end" defaultColor="#b2dbee" layoutX="139.0" layoutY="287.0" showTime="true" />
   </children>

   </AnchorPane>

Answer 1

如果检查异常（运行adb logcat -v threadtime ）：

02-26 19:10:40.811 27570 27595 E AndroidRuntime: java.lang.NoSuchMethodError: No direct method lambda$new$423(Ljavafx/beans/value/ObservableValue;Ljavafx/scene/paint/Paint;Ljavafx/scene/paint/Paint;)V in class Lcom/jfoenix/svg/SVGGlyph; or its super classes (declaration of 'com.jfoenix.svg.SVGGlyph' appears in /data/app/com.gluon.testjfoenix-1/base.apk)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.svg.SVGGlyph.access$lambda$0(SVGGlyph.java)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.svg.SVGGlyph$$Lambda$1.changed(Unknown Source)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.sun.javafx.binding.ExpressionHelper$SingleChange.fireValueChangedEvent(ExpressionHelper.java:181)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.sun.javafx.binding.ExpressionHelper.fireValueChangedEvent(ExpressionHelper.java:80)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at javafx.beans.property.ObjectPropertyBase.fireValueChangedEvent(ObjectPropertyBase.java:105)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at javafx.beans.property.ObjectPropertyBase.markInvalid(ObjectPropertyBase.java:112)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at javafx.beans.property.ObjectPropertyBase.set(ObjectPropertyBase.java:146)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at javafx.beans.property.ObjectProperty.setValue(ObjectProperty.java:69)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.svg.SVGGlyph.setFill(SVGGlyph.java:87)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.svg.SVGGlyph.<init>(SVGGlyph.java:65)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.skins.JFXDatePickerSkin.<init>(JFXDatePickerSkin.java:77)
02-26 19:10:40.811 27570 27595 E AndroidRuntime:    at com.jfoenix.controls.JFXDatePicker.createDefaultSkin(JFXDatePicker.java:85)

该错误是因为com.jfoenix.svg.SVGGlyph缺少一种方法。

查看源代码，您会发现其中有一个lambda表达式。

1.1.0 jfxmobile插件版本之前，所有加入的依赖于javafxports项目外罐需要使用的retrolambda插件，所以这可能是为什么jfoenix项目添加retrolambda 。

在该版本之后，jfxmobile插件也将Retrolambda应用于所有外部依赖项，因此他们不再需要Retrolamda插件。

但有一个问题，如果双方的依赖与jfxmobile插件应用retrolambda插件，这究竟是什么发生在这里：在应用两倍retrolambda插件失败。

有两种可能的解决方案：

1. 编译不带retrolambda的jfoenix，并将其添加到项目中（并为此创建一个问题，因此作者也将其删除）

2. 使用compileNoRetrolambda 'com.jfoenix:jfoenix:1.0.0'作为依赖项。 这将使用原始依赖项，该依赖项已经应用了Retrolambda一次。

我已经尝试了第二种解决方案，并且效果很好。

顺便说一句，Gluon Mobile（构建中的魅力依赖项）还包括遵循Material Design的DatePicker和TimePicker。