如何在单击“取消”按钮时退出搜索？

I have a search bar with cancel button. But when I click on Cancel button it doesn't close the search bar. How can I make that on click on Cancel it will return search bar to the first state?I have a search bar with cancel button. But whe