import QtQuick 2.9
import QtLocation 5.6
import QtPositioning 5.6
import QtQuick.Controls 2.4

// stackwidget界面：第一页显示搜索栏和导航按钮，第二页显示导航起止点和路线
// 点击 导航 按钮，切换到导航起止点信息界面
// 地图上右键菜单设置起止点，设置完终点自动计算离线

Rectangle{
    height:150/3
    width:360-10*2
    color: "transparent"
    //color: "#eeffffff"  //顺序是ARGB

    Button{
        id:searchBtn
        //x: 10; y:5
        width:360-10*2; height:150/3
       // style: ButtonStyle
      //  {  //style属性是1.x版本的  2.x移除了该属性  import时注意版本号

                background:Rectangle{
                    implicitHeight: searchBtn.height
                    implicitWidth:  searchBtn.width
                    color: "transparent"  //设置背景透明，否则会出现默认的白色背景
                    BorderImage{  //按钮的背景图片
                        anchors.fill: parent
                        source:"../resources/search.png"
                      //  source: control.hovered ? (control.pressed ? pressPic : hoverPic) : nomerPic;
                    }
                }

          //  }

        onClicked: {
            //map.printlog()

            // 设置搜索模式
            geocodeModel.searchFlag=true
            searchResListView.neededShow=true
            //槽函数
            var _tc=searchTextIn.text
            map.geocode(_tc)

            map.setSearchItemVisible(false)

            // 隐藏按钮
            daohangBtn.visible=false
            myLocateBtn.visible=false
        }
    }


    TextInput
    {
        id:searchTextIn
        x:50; y:0
        width: 250;  height: 150/3
        text:qsTr("")
        font.pixelSize: 46/3
        color: "#676767"  //103,103,103
        verticalAlignment: Text.AlignVCenter
       // activeFocusOnPress: false
       // border.color: "blue"

        onTextChanged:
        {
            if(text.length>0)
            {
                clearInBtn.visible=true
            }
            else
            {
                clearInBtn.visible=false

                // 隐藏搜索结果列表
                searchResListView.neededShow=false
                searchResListView.visible=false
                map.setSearchItemVisible(false)

                // 显示按钮
                daohangBtn.visible=true
                myLocateBtn.visible=true
            }
        }

//        MouseArea {
//            anchors.fill: parent
//            onClicked: {

//                map.setSearchItemVisible(false)

//                if (!searchTextIn.activeFocus) {
//                    searchTextIn.forceActiveFocus();
//                    //searchResListView.visible=false
//                }
//                else {
//                    searchTextIn.focus = false;
//                }
//            }
//            onPressAndHold: {
//                searchTextIn.closeSoftwareInputPanel();
//                searchBtn.clicked()
//            }
//        }

    }

    Button{
        id:clearInBtn
        x: 360-10-10-100; y:(150-60)*0.5/3
        visible:false
        width:20; height:20

        background:Rectangle{
            implicitHeight: clearInBtn.height
            implicitWidth:  clearInBtn.width
            color: "transparent"  //设置背景透明，否则会出现默认的白色背景
            BorderImage{  //按钮的背景图片
                anchors.fill: parent
                source:"../resources/clear.png"
              //  source: control.hovered ? (control.pressed ? pressPic : hoverPic) : nomerPic;
            }
        }

        onClicked: {
            searchTextIn.text=""
        }
    }

    function ensureSearchString(_str)
    {
        searchTextIn.text=_str
    }


//    Button{
//        id:daohangBtn
//        x:310;y:5
//        width:30; height:30

//        onClicked: {
//            //隐藏第一个界面  显示第二个界面
//            searchPage.visible=false
//            navigatePage.visible=true
//            navigatePage.height=105
//            navigatePage.showPosEditForm(false)
//            navigatePage.hideRouteInfoForm()

//            map.setStartPointVisible(false)
//            map.setEndPointVisible(false)
//        }
//    }
//    Image{
//            id:daohangImg
//            x:310; y:5
//            width: 30; height:30
//            source:"../resources/daohang.png"

//        }

}