面向对象firstdemo

ButtonApp

image.png

封装

• 两个标签，两个按钮

• 标签

  
  image.png
  image.png

• 按钮

  
  image.png

布局

<AnchorPane xmlns="http://javafx.com/javafx"
xmlns:fx="http://javafx.com/fxml"
fx:controller="com.soft1841.oop.week1.ButtonController">

<ImageView AnchorPane.topAnchor="55"
           AnchorPane.leftAnchor="180">
    <Image url="/img/34.png"/>
</ImageView>
<ZhihuLa1 text="登录知乎，发现更大的世界"
          AnchorPane.leftAnchor="104"
          AnchorPane.topAnchor="170"/>

<MyButton text="登录"
          AnchorPane.leftAnchor="50"
          AnchorPane.topAnchor="435"/>
<ZhihuLa2 text="手机号或邮箱"
AnchorPane.topAnchor="243"
AnchorPane.leftAnchor="56"/>
<ZhihuLa2 text="密码"
AnchorPane.topAnchor="330"
AnchorPane.leftAnchor="56"/>
<ZhihuLa2 text="忘记密码"
          AnchorPane.rightAnchor="56"
          AnchorPane.topAnchor="370"/>
<ZhihuLa2 text="二维码登录 · 海外手机登录 · 社交账号登录 "
          AnchorPane.topAnchor="510"
          AnchorPane.leftAnchor="56"/>

</AnchorPane>

样式

.root{
-fx-background-color: rgb(255, 255, 255);
}

界面展示

image.png