رفتن به مطلب
جامعه‌ی برنامه‌نویسان مُدرن ایران
  • 0
Saman

چیدن چند محتوا کنار یک دیگر


سوال

سلام خسته نباشید میخوام چند عنصر مثل تصویر مقابل کنار هم چینش داشته باشه و به صورت ریسپانسیو باشه  . این عمل رو با Flow میشه انجام داد  ولی مشکل اینجا بود که نتونستم داینامیکش کنم یعنی در هر صفحه اطلاعات تغییر بکنه و با GridView هم این کار انجام میشه مشکل اینجا بود که محتوا در یک اندازه ثابت کنار هم به نمایش درمیاد .

ممنون میشم که کمکم کنید .

wxdnR.png

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

4 پاسخ به این سوال تا کنون داده شده است

پست های پیشنهاد شده

  • 0

سلام و خسته باشید 

آیا راهی وجود داره Listview رو در Flow استفاده کرد

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
  • 0

بعد از سه روز ۳ پیداش کردم  -ـ-

Flow {

    id: flow
    width: parent.width-5
    height: childrenRect.height
    spacing: 10
    anchors.verticalCenter: parent.verticalCenter
    Repeater{
        model: ListModel {
            ListElement {
                name: "Jim Williams"
                url: " "
            }
            ListElement {
                name: "John Brown"
                url: " "
            }
            ListElement {
                name: "Bill Smyth"
                url: " "
            }
            ListElement {
                name: "Sam Wise"
                url: " "
            }
        }
        Rectangle{
            height: 25
            width: name.width
            radius: 2
            
            Text {
                id: name
                text: model.name
                anchors.centerIn: parent
            }
            MouseArea{
                anchors.fill: parent
                onClicked: stackView.push(model.url)
            }
        }
    }
}

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
  • 0
در 2 ساعت قبل، Saman گفته است :

بعد از سه روز ۳ پیداش کردم  -ـ-


Flow {
 
    id: flow
    width: parent.width-5
    height: childrenRect.height
    spacing: 10
    anchors.verticalCenter: parent.verticalCenter
    Repeater{
        model: ListModel {
            ListElement {
                name: "Jim Williams"
                url: " "
            }
            ListElement {
                name: "John Brown"
                url: " "
            }
            ListElement {
                name: "Bill Smyth"
                url: " "
            }
            ListElement {
                name: "Sam Wise"
                url: " "
            }
        }
        Rectangle{
            height: 25
            width: name.width
            radius: 2
            
            Text {
                id: name
                text: model.name
                anchors.centerIn: parent
            }
            MouseArea{
                anchors.fill: parent
                onClicked: stackView.push(model.url)
            }
        }
    }
}

 

سلام،

این چیزی نیست که انتظارش رو داشتی.

برای Flow هم خاصیت anchors.verticalCenter: parent.verticalCenter رو تعریف نکن.

از همون GridView استفاده کن و آیتم‌های درونش رو لنگر بزن (anchors).

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
  • 0
در در 19 دی 1397 در 05:24، کامبیز اسدزاده گفته است :

سلام،

این چیزی نیست که انتظارش رو داشتی.

برای Flow هم خاصیت anchors.verticalCenter: parent.verticalCenter رو تعریف نکن.

از همون GridView استفاده کن و آیتم‌های درونش رو لنگر بزن (anchors).

سلام 

استفاده از GridView ی مشکلی که داشت این بود که باید به خود GridView ی width و height ثابت داده بشه و نمیشد که اندازه خود محتوا رو بهش بدم اگر مثالی دارید بزنید ممنون میشم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×