Java Fractal Explorer [3/8]

Key Takeaways

in this video we are going to look at how to put a canvas on top fire jframe the reason we want canvas is because we want to actually be able to manipulate the pixels and change their colors and some have something dynamic that's responsive and not just a frame which we actually can't change the color of the pixels for so we are going to need two things we're going to need canvas oops campus and we're also going to need something to draw on our campus and that's going to be a buffered image which I'm era called a fractal image canvas unfortunately is not a built in class in Java so we are going to have to create it ourselves so let's do that just down here and we're going to make it a private inner class because we want it to be able to access some of our methods and the fractal Explorer and our canvas is going to extended the jpanel because we want with a jpanel on top of the jframe which is our fractal explorer program our canvas is going to override two methods get preferred size and paint component which is going to tell our canvas how to behave so to make sure we're overriding put the app override sign this is optional public I mention it bird oh sighs and get preferred size should return fruit size or canvas which we already know what this is because we know what the dimension of the jframe is it's going to be the same let's just going to deal with and height the next method we're going to override is a more important paint component and it takes a graphics object as an argument and this graphics object is going to be the object that's going to draw our fractal image onto the canvas itself so i'm going to call this the drawing object and the drawing object is just going to call one method called draw image and this is going to be the method which is going to be responsible for drawing that fractal image on the screen we're going to make the fractal image be 600 x 600 or width x height so we're just going to place it at the top left corner of the screen so these are XY coordinates and the last argument is for an observer we don't have an observer so put null right there so the last thing we need to do is actually initialize the canvas and the frankie lymon and display them on the screen to do that let's add another method called add canvas so private void add canvas and we're just going to initialize the canvas say new canvas and lets it should initialize the fractal image so create new bufferedimage and this cases arguments the size and the type of bufferedimage we want a bufferedimage types are constants in the bufferedimage class so so we can specify the type of one and we just want type called type and oops RGB which is the standard type for a red green blue so next we are going to set the canvases property to be visible and lastly we are going to add them to the frame so canvas and we're going to put this in the center so I borderlayout dot center oh I can see I have a spelling mistake right here and get preferred size so this is would throw an error because at override would say hey this isn't actually a method we're overriding because it's not spelled correctly so let's fix that it and now let's actually run this program and see if we have successfully added the canvas to the screen let's go to the terminal and do pilus and run it and as we can see instead of having a frame with a white background now have a frame with a black background and the black simply means that we have successfully added the canvas on top of the frame so guys thank you for watching and I'll see you in the next video