JAVAFX如何在“文本框”内插入图片

  • TextBox.java
  • TestUI.java
  • TestUI运行展示

文本框默认样式

设置后的样式

思路:将图片(ImageView)及文本框(TextField)加到水平(HBox)布局中。

TextBox.java

package control.textbox;import javafx.geometry.Pos;
import javafx.scene.control.TextField;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import javafx.scene.text.Font;public class TextBox {private HBox hBox = new HBox(5);private ImageView imageView = new ImageView();private TextField textField = new TextField();public TextBox() {// TODO Auto-generated constructor stub}public HBox getTextBox() {hBox.setAlignment(Pos.CENTER);hBox.getChildren().addAll(imageView, textField);TextBoxStyle();return hBox;}//设置图片public void setImageViewIps(Image image) {imageView.setImage(image);}//设置框内字体public void setTextFont(Font font) {textField.setFont(font);}//设置框的整体大小public void setTextBoxSize(double width, double height) {imageView.setFitHeight(height-5);imageView.setFitWidth(height-5);hBox.setPrefSize(width, height);textField.setPrefSize(width - height, height);textField.setFont(Font.font(height*0.5));}//框的样式public void TextBoxStyle() {textField.setStyle("-fx-background-color: transparent;");  hBox.setStyle("-fx-border-radius:10;" + "-fx-border-width:1;" + "-fx-border-color:#000000");}//add others method....}

TestUI.java

import control.textbox.TextBox;
import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.StackPane;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;public class TestUI extends Application{public static void main(String[] args) {launch(args);}@Overridepublic void start(Stage primaryStage) throws Exception {Text text = new Text("Login");text.setStyle("-fx-font-family:Kaiti;");TextBox textBox =new TextBox();textBox.setImageViewIps(new Image("img/log_icon.png"));textBox.setTextBoxSize(400, 50);TextBox textBox2 = new TextBox();textBox2.setImageViewIps(new Image("img/repwd_icon.png"));textBox2.setTextBoxSize(400, 50);GridPane gridPane = new GridPane();gridPane.add(text, 0, 0);gridPane.add(textBox.getTextBox(), 0, 1);gridPane.add(textBox2.getTextBox(), 0, 2);gridPane.setVgap(10);gridPane.setAlignment(Pos.CENTER);ImageView background = new ImageView("img/bg.jpg");StackPane stackPane = new StackPane(background,gridPane);Scene scene = new Scene(stackPane);primaryStage.setScene(scene);primaryStage.setWidth(500);primaryStage.setHeight(400);primaryStage.show();}}

TestUI运行展示

技术有限,欢迎指教( •_•)>⌐■-■

JAVAFX如何在文本框内插入图片相关推荐

  1. html5文本框里插图片文字,word应用教程:在文本框内插入图片

    在使用word编辑电子文档时,可以通过插入功能插入图片,那么怎样才能在wps文字文档从插入可以任意移动的图片呢,那么下面就由学习啦小编给大家分享下word在文本框内插入图片的技巧,希望能帮助到您. w ...

  2. 在文本框中插入图片:

    在文本框中插入图片: <input type="text" class="search" maxlength="180" value= ...

  3. python图片显示文本框_Python3 tkinter基础 Text image 文本框中插入图片

    Python : 3.7.0 OS : Ubuntu 18.04.1 LTS IDE : PyCharm 2018.2.4 Conda : 4.5.11 typesetting : Markdown ...

  4. 要在textarea文本框中粘贴图片怎么办?

    项目需求: 有一条描述信息(文字 + 图片),点击编辑,文本框中显示描述信息,并且可以对描述信息做出修改 拆解需求: 文本框里要能显示预设的值(文字 + 图片) 文本框里还要能支持粘贴文字与图片 实际 ...

  5. 如何利用python的opencv,在图片上添加一个有背景颜色的文本框,并在文本框内添加文字?

    可以使用OpenCV的cv2.putText()函数来实现. 示例代码: import cv2 读取图片 img = cv2.imread('image.jpg') 定义文本框的位置 x, y = 1 ...

  6. element-ui vue-quill-editor 富文本编辑器 解决插入图片不采用base64 从服务器传图片在显示返回url

    vue-quill-editor默认的图片插入方式,是直接将图片转成base64编码,这样的结果是整个富文本的html片段十分冗余.我们的服务器端接收的post的数据大小都是有限制的,这样的话导致提交 ...

  7. js实现焦点进入文本框内关闭输入法:imeMode

    js实现焦点进入文本框内关闭输入法:imeMode 2011-05-26 11:23 要用到的东西: imeMode:xxx 有四个参数 active 代表输入法为中文 inactive 代表输入法为 ...

  8. 解决sharepoint2010的多行文本框的插入图片—【从sharepoint】的disabled问题

    大家发现sharepoint2010的多行文本框的插入图片有个-[从sharepoint]插入图片的功能,但是看到的disabled.如下图: 怎么办呢?通过查找资料才知道原来可以这样解决 在这里我们 ...

  9. java swing 串口_ComTest 接收串口数据,并显示在文本框内,通过JavaSwing实现 Develop 265万源代码下载- www.pudn.com...

    文件名称: ComTest下载  收藏√  [ 5  4  3  2  1 ] 开发工具: Java 文件大小: 3157 KB 上传时间: 2016-09-21 下载次数: 0 提 供 者: 韩坤 ...

最新文章

  1. java获取栈最大值_实现O(1)获取最大最小值的栈----java
  2. java和mysql中md5+base64的执行结果
  3. address标签,为网页加入地址信息
  4. FireDAC 中文字段过滤问题
  5. python从入门到爬虫_python爬虫从入门到放弃(一)之初识爬虫
  6. 你必须了解的session的本质
  7. sql 中on和where的区别
  8. Magento 1.9.X 系列教程
  9. Nodejs学习笔记(四)——http协议与服务器
  10. 网上购物安全防范很重要
  11. python 插入排序 与 冒泡排序
  12. splice slice
  13. lambda 函数或者匿名函数(C++11)
  14. 企业全链路数字化营销一站式解决方案
  15. 使用python抓取天涯帖子,并实现“只看楼主”功能
  16. 计算机显示无法格式化,SD卡无法格式化怎么办
  17. 计算机无法访问网络位置,共享不能访问网络位置的解决方法
  18. 炫富神器 | 辣条专业国内首开,网友:中国吃货石锤了 ​!
  19. 矩形微带贴片天线设计
  20. pygame鼠标进行拖拽移动图片、缩放、以及按钮响应 案例

热门文章

  1. linux格式化为fat,linux下把u盘格式化成 FAT32的例子
  2. Oracle 层次查询、递归
  3. linux乌班图做服务器,使用 Ubuntu 16.04 搭建全能服务器
  4. java使用poi在word中生成柱状图、折线图、饼图、柱状图+折线图组合图、动态表格、文本替换、图片替换 springboot项目
  5. 【ROM制作工具】V1.0.0.23新版全新发布啦
  6. CentOS通过Samba访问NAS共享目录
  7. 802.11协议wifi新加密方式WPA3介绍
  8. 如何在PowerPoint中添加背景音乐
  9. 人脸识别之人脸关键点(仅供本人参考)
  10. uni-app 微信小程序实现全屏悬浮按钮可拖动,自动吸附边缘