Interactively compare edge detection methods side by side using App Designer.
This example shows how to build an app to interactively detect edges in images using App Designer. Using the Edge Detection Comparison App, users can detect edges in the same image using two different edge detection methods and compare the results side by side. The app compares the results of edge detection methods supported by the edge function. The example also demonstrates how to build a reusable custom UI component that inherits from ComponentContainer to improve code reusability and maintainability.
Requires MATLAB® R2026b or newer.
Also requires the following MathWorks products:
- Image Processing Toolbox™
Open EdgeDetectionComparisonApp.m in App Designer or see the guided walkthrough on the documentation page.
| File | Description |
|---|---|
EdgeDetectionComparisonApp.m |
The App Designer app for comparing edge detection methods |
EdgeDetectionComparisonApp.xml |
App component layout data |
EdgeDetector.mlapp |
Custom UI component for edge detection |
The license is available in the license.txt file in this GitHub repository.
Copyright 2026 The MathWorks, Inc.
