Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scroll View Container #1425

Open
3 tasks done
Alios5 opened this issue Nov 4, 2024 · 1 comment
Open
3 tasks done

Scroll View Container #1425

Alios5 opened this issue Nov 4, 2024 · 1 comment
Labels
✨ New extension A new extension

Comments

@Alios5
Copy link
Contributor

Alios5 commented Nov 4, 2024

Description

Features:

  • Horizontal and vertical scrolling.
  • Easy customization of content and view style.
  • Supports dynamic content.

Usage examples:

  • Product lists in an online store.
  • Image galleries.
  • Blog post display.

How to use the extension

User Guide for the Scroll View Extension

  1. Position the object in the scene:
    Start by placing the scroll view object in the scene, then adjust its size as needed. This area will define the visible space for the scrollable content.
    Note: The edges of the scroll view object are considered the scroll limits. Make sure to position your content accordingly so it displays correctly within this area.

  2. Add content to the scrollable area:
    Position the elements (text, images, etc.) you want to scroll within the scrollable area. Arrange them in the order or layout that suits your design.
    Note: If you want to include multiple different objects as the scroll view content, create an object group and use that group as the content. This will help avoid scrolling issues at the boundaries.

  3. Enable scrolling:
    Use the "Adding Content" action to integrate the content into the scroll view. This action will allow the content to scroll correctly within the defined area.

  4. Customize parameters:
    You can adjust the scroll view object’s settings as desired, including scroll sensitivity, scroll direction (horizontal or vertical), and other options to enhance the user experience.

  5. Modify textures of child elements:
    The extension also allows you to customize the appearance of child elements by changing their textures, creating a unique visual style.

Preveiw

2024-10-30.10-59-52.mp4

Checklist

  • I've followed all of the best practices.
  • I confirm that this extension can be integrated to this GitHub repository, distributed and MIT licensed.
  • I am aware that the extension may be updated by anyone, and do not need my explicit consent to do so.

What tier of review do you aim for your extension?

Reviewed

Example file

ScrollViewExemple.zip

Extension file

ScrollViewContainer.json.zip

@Alios5 Alios5 added the ✨ New extension A new extension label Nov 4, 2024
Copy link
Contributor

github-actions bot commented Nov 4, 2024

👋 Thanks for your submission! Unfortunately, all submitted extensions have to meet some minimal quality standard - the extension best practices - and our system has found that your extension does not fully comply 😔. You can find all of those rules on the GDevelop wiki.

The following issues have been found by the system concerning the respect of those best practices by your extension:

  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'IsScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'EnableScrollBarTexture' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'EnableScrollBarBackgroundTexture' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'ShowScrollContainerBackround' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'EnableTouchScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'EnableContentMasking' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'CanShowScrollBar' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'VerticalScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'HorizontalScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'Debug' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'AddContent' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetEnableScrollBarTexture' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetEnableScrollBarBackgroundTexture' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetShowScrollContainerBackround' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetEnableTouchScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetEnableContentMasking' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetCanShowScrollBar' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetVerticalScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetHorizontalScrolling' misses a dot at the end of the sentence!
  ⟶ ❌ [Dots in sentences]: Field 'description' of the function 'SetDebug' misses a dot at the end of the sentence!
  ⟶ ❌ [Filled out names and descriptions]: Required field 'description' of the function 'AddContent parameter 'ScrollContent' is not filled out!
  ⟶ ❌ [Filled out names and descriptions]: Required field 'description' of the function 'MaskingAnotherObject' is not filled out!
  ⟶ ❌ [Filled out names and descriptions]: Required field 'description' of the function 'MaskingAnotherObject parameter 'ObjectToMasking' is not filled out!

Please update your original submission post with a new zip file containing your extensions updated to follow those guidelines 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ New extension A new extension
Projects
None yet
Development

No branches or pull requests

1 participant