Device Frame Generator
Wrap your app screenshots in real device artwork. For more information, see the website.
Adding Devices
To add new devices, you'll need to add 7 images in the app/src/main/res/drawable-nodpi
:
device_land_back
device_land_glare
device_land_shadow
device_port_back
device_port_glare
device_port_shadow
device_thumb
All these should be in the png format and named as above - with device
replaced with a key that will identify this set of frames. Once that's done, simply add the metadata in DeviceModule.java
located at app/src/main/java/com/f2prateek/dfg/DeviceModule.java
. Here's what an example for the Nexus 5 would look like.
@Provides(type = SET) Device provideNexus5() {
return new Device.Builder().setId("nexus_5")
.setName("Nexus 5")
.setUrl("http://www.google.com/nexus/5/")
.setPhysicalSize(5.43f)
.setDensity("XXHDPI")
.setLandOffset(436, 306)
.setPortOffset(306, 436)
.setPortSize(1080, 1920)
.setRealSize(1080, 1920)
.addProductId("hammerhead")
.build();
}
You can see what the metadata fields mean at Device.java
Building
Simply execute ./gradlew clean build
.