Code Monkey home page Code Monkey logo

developmenttools's Introduction

DevelopmentTools

A collection of different tools that I use.

Change .gitconfigure file

I use two different git hub accounts for the different projects. In the Eclipse IDE is not easy to change the author before uploading the source changes. That the reason I made this tool.

Bild

The button 'Change Config Path' is to select the folder of the .configure file. After defining this path, the tool will searching for other files with the suffix .gitconfigure. The founded files are selectable over the combobox in the top of the border pane. After the selection of a item from the combobox, the content of file will be displayed in the center of the pane. The button 'Use select config' is to replace the content of the original .gitconfigure whith the selected gitconfigure file.

Converting tools

When I build a user specified UI Component in JavaFx, I draw first the sketch in Illustrator. After drawing the component, I export the sketch as a SVG file. This SVG file is the base for the JavaFx implementation. To import the geometric shapes and gradients, I created three tools to make the implementation easier. In the followed three sub headlines, I will explain the different tools. In the project folder you will find a example.svg. The converted result is located under the example package folder.

Create round rectangle

RoundRectangle

First, you must define a scale basis. In the example.svg it's the layer called base_background. From this component enter the width and height in the two total fields from the ui.
The next step is to fill the other fields with the values from the rectangle to be converted("inlay" from the example.svg). By clicking on the "Convert values" button, the code snippet will be created and shown in the text area.

Convert polygon points from SVG

PolygonConvert

The fields total width and height have the same background as in the other dialog. Accordingly, they must be filled with the values from the base component. The raw data points ("arrow_up" from example.svg) are to be inserted in the lower left text area. With the button "Import/resize" the converting begins and the result will be shown in the right bottom text area.

Convert stop points from SVG

StopPoints

The stop point converter is needed when you want to draw a colorized gradient on any geometric shape. The values are to copy in the left text area ("Unbenannter_Verlauf_27" from example.svg). After button "convert" is pressed, the will be builded a code-snippet and export it to the right text area. Remark: The opacity is after converting a part of the color hex string.

Change color

StopPoints

Sometimes I need monochrome images/icons in different colored version. In the past I used often any graphics software to change the color. For the processing of a single icon, the amount of work required is still low. But this changes massively when many different icons have to be edited. That is the reason I builded a tiny tool to change comfortable the color of any PNG icon.

In the project folder you will find an directory called icons. In this folder the to colorising PNG files will be drop down. After starting the tool, the folder icons will be readed out and fill the selection of the ComboBox. The selected original icon shown left side of the ComboBox. With the Button "add color" a new row will be inserted in the TableView. In the column "color" you can change the color of the current selected icon. The color change is displayed in the column "preview". The last column "Suffix" shows the value that is appended to the file name after the export. The default suffix content is the hex value from the Color object, but the content of the column is changeable.

The "delete color" button is to delete the selected column of the TableView. To export the current TableView, click the "export images" button. The colored icons will be stored under the folder icons/exported_png.

If you change the selection of the ComboBox, the current settings of the table are applied at the new selected monochrome icon.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.