在Pythonista 3中創建自動完成的TextField

Question

我想創建一個自動完成的TextField。

我的意思是-當您在字段中鍵入內容並在下面看到提示列表時。 提示列表是一個包含可能值的數組。 解釋它的最佳方法顯示出類似的情況。

我已經有一些Pythonista 3的經驗，但是還沒有UI編程經驗。

我知道這很復雜，也許我應該使用其他“視圖和委托”機制，但是我不知道如何開始。 我已經在Google花了幾天的時間來尋找解決方案，但是在Pythonista的背景下，我做不到。

有人這樣做嗎？ 還是有人可以提供有用的閱讀鏈接？

Answer 1

可以使用TableView在Pythonista中創建一個下拉列表。 TableView實際上只是單列列表，它們不僅僅用於表。

因此，步驟將是：

1. 創建一個tableview。
2. 將其與您的文本字段對齊。
3. 隱藏表格視圖，直到開始鍵入為止。
4. 每當輸入更改時，使用自動完成選項更新tableview的項目列表。
5. 鍵入結束時，可能再次隱藏tableview。

您可以通過將其.hidden屬性設置為True來隱藏任何視圖。

您可以通過創建實現textfield_did_change的委托對象來在TextField中鍵入開始時執行操作。

通過為TableView提供data_source （可能是ui.ListDataSource的實現），可以將TableView設置為具有項目列表。 每當數據源上的items屬性更改時，選項列表也會自動更改。

您可以對用戶從TableView中選擇一個選項做出反應，方法是對TableView的delegate設置一個action 。

TableView，TextField，ListDataSource，委托和操作的文檔可以在Pythonista的iOS本機GUI中找到。

這是一個基本示例：

# documentation at http://omz-software.com/pythonista/docs/ios/ui.html
import ui

# the phoneField delegate will respond whenever there is typing
# the delegate object will combine phoneField delegate, tableview delegate, and data source, so that it can share data
class AutoCompleter(ui.ListDataSource):
    def textfield_did_change(self, textfield):
        dropDown.hidden = False
        # an arbitrary list of autocomplete options
        # you will have a function that creates this list
        options = [textfield.text + x for x in textfield.text]

        # setting the items property automatically updates the list
        self.items = options
        # size the dropdown for up to five options
        dropDown.height = min(dropDown.row_height * len(options), 5*dropDown.row_height)

    def textfield_did_end_editing(self, textfield):
        #done editing, so hide and clear the dropdown
        dropDown.hidden = True
        self.items = []

        # this is also where you might act on the entered data
        pass

    def optionWasSelected(self, sender):
        phoneField.text = self.items[self.selected_row]
        phoneField.end_editing()

autocompleter = AutoCompleter(items=[])
autocompleter.action = autocompleter.optionWasSelected

# a TextField for phone number input
phoneField = ui.TextField()
phoneField.delegate = autocompleter
phoneField.keyboard_type = ui.KEYBOARD_PHONE_PAD
phoneField.clear_button_mode = 'while_editing'

# the drop-down menu is basically a list of items, which in Pythonista is a TableView
dropDown = ui.TableView()
dropDown.delegate = autocompleter
dropDown.data_source = autocompleter
# hide the dropdown until typing starts
dropDown.hidden = True

# create interface
mainView = ui.View()
mainView.add_subview(phoneField)
mainView.add_subview(dropDown)

# present the interface before aligning fields, so as to have the window size available
mainView.present()

# center text field
phoneField.width = mainView.width*.67
phoneField.height = 40

phoneField.x = mainView.width/2 - phoneField.width/2
phoneField.y = mainView.height/3 - phoneField.height/2

# align the dropdown with the phoneField
dropDown.x = phoneField.x
dropDown.y = phoneField.y + phoneField.height
dropDown.width = phoneField.width
dropDown.row_height = phoneField.height

在我的iPhone上，此代碼創建一個界面，如下所示：