2012-12-20 2 views
1

티타늄 프로젝트를 진행 중입니다. 아래에 사용자 정의 된 검색 창이 필요합니다. 티타늄의 검색 바 취소 버튼 사용자 정의

Design doc

하지만 검색 창을 만들 때 그것은 아래와 같다;

Output

내가 취소 버튼의 이미지를 변경하고 싶습니다. 티타늄으로 검색 창을 맞춤화하기 위해 많은 조사를했지만 해결책을 찾지 못했습니다.

나는 다음과 같은 방법으로 검색 창을 만드는거야 :

var searchLocation = Ti.UI.createSearchBar({ 
    showCancel:true, 
    height:55, 
    top:45, 
    width:'102%', 
    backgroundImage:"../../Images/bg_search.png", 
    borderRadius:'5' 
}); 

그런 다음 나는 다른 무언가를 시도했다.

  1. 취소 버튼이없는 검색 창과 맞춤 검색 버튼이 생성되었습니다.
  2. 해당보기에 검색 모음을 추가했습니다.
  3. 해당 검색 모음의 오른쪽에 단추가 추가되었습니다.

    //holder view 
    var searchHolder = Ti.UI.createView({ 
        height : 55, 
        width : '100%', 
        top  : 45, 
        backgroundImage:"../../Images/[email protected]", 
        layout : 'horizontal' 
    }); 
    
    //search bar 
    var serLocation = Ti.UI.createSearchBar({ 
        height:55, 
        top:0, 
        width:'85%', 
        backgroundImage:"../../Images/[email protected]" 
    }); 
    
    //Calendar button 
    var calButton = Ti.UI.createButton({ 
        height : 45, 
        width : 45, 
        backgroundImage:"../../Images/nav_calendar.png" 
    }); 
    
    searchHolder.add(serLocation); 
    searchHolder.add(calButton); 
    

그것은 완벽하게 작동합니다.

하지만 대안 솔루션을 찾고 있습니다. 이 작업을 수행 할 내장 메서드가 있습니까? 사전에

감사합니다.

답변

0

여기에는 bult-in-methods가 없습니다. 귀하의 작업 솔루션이 최고의 솔루션입니다.

+0

답 해주셔서 고마워요 :) –

+0

@ 도슨 토스 내가 거기에 자동 초점 하단 라인이 나타나는 searchbar를 추가했습니다. 어떻게 제거 할 수 있습니까? 제발 도와주세요. 제발 도와주세요. – allDroid

+0

@allDroid 저는 여러분이 무엇을 의미하는지 정말로 모르겠습니다. .. 당신은 스크린 샷으로 새로운 SO 질문을 만들고 커뮤니티가 당신을 도울 수 있는지보기 위해 문제를 재현해야합니다! –