Skip to content

SaddamBInSyed/device-frame-generator

 
 

Repository files navigation

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.

Build Status

Android Arsenal

About

Wrap your app screenshots in real device artwork

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Java 93.0%
  • HTML 4.4%
  • CSS 2.1%
  • Shell 0.5%