Как отобразить TextField в нижней части экрана

Question

Я хочу показать TextField в нижней части экрана в QML для SailfishOS.

Я попытался выполнить несколько попыток, но TextField всегда находится в верхней части экрана.

import QtQuick 2.0 
import Sailfish.Silica 1.0 

ApplicationWindow { 
    id: screen 
    anchors.fill: parent 
    Item { 
     width: parent.width; 
     anchors.bottom: screen.bottom 
     TextField { 
      width: parent.width; 
      anchors.bottom: screen.bottom 
      id: input 
      placeholderText: "URL" 
      inputMethodHints: Qt.ImhNoPredictiveText 
      validator: RegExpValidator { regExp: /^[a-zA-Z]{3,}$/ } 
     } 
    } 
} 

Answer 1

Kaymaz, в общем, ваш вопрос не связан с SailfishOS. И вы были почти правы, но сделали несколько ошибок в вашем коде. Вы можете использовать этот код:

// Its desktop version, and everyone can run it. It will be easy 
// to insert correct includes for SailfishOS 
import QtQuick 2.3 
import QtQuick.Controls 1.2 
import QtQuick.Window 2.2 

ApplicationWindow { 
    id: appWindow 

    // Explicitly set window size (just for testing on desktop) 
    width: 200 
    height: 400 

    // Item that represents "main application rectangle" 
    // it will contain all child items 
    Item { 
     id: root 
     anchors.fill: parent 

     TextField { 
      id: input 
      anchors { 
       left: parent.left 
       right: parent.right 
       bottom: root.bottom 
      } 
      placeholderText: "URL" 
      inputMethodHints: Qt.ImhNoPredictiveText 
      validator: RegExpValidator { regExp: /^[a-zA-Z]{3,}$/ } 
     } 
    } 
} 

Я не рекомендую использовать folibis подход «s по нескольким причинам:

• Если вы можете использовать anchor с в QML - используйте его.
• Избегайте неназванных констант (например, 30).
• Такой код становится трудно читаемым (я имею в виду, если это более 20 строк).
• Представьте, что изменение вашей высоты TextField - вам нужно будет изменить y: screen.height - 30. Таким образом, этот вид кода трудно поддерживать.
• Не пишите код мышления «Я могу улучшить это позже». Напишите хороший код.

Answer 2

Попробуйте это:

ApplicationWindow { 
    id: screen 
    width: 400 
    height: 300 

    TextField { 
     width: screen.width 
     y: screen.height - height 
     placeholderText: "URL" 
    } 
}