EditText 색상과 모양 질문입니다(사진첨부)

Question

제가 원하는 건 2가지 입니다.

 

하나는 edittext를 눌렀을 때  기본적으로 세팅되어 있는 저 밑줄 테두리 색이 맨위에 노란색과 같은 색이 되도록

바꾸고 싶습니다.

 

또 하나는,   왼쪽에 비밀번호*  란 부분은 텍스트뷰이고,  오른쪽은 edittext 인데  edittext의 밑줄이 텍스뷰까지 이어졌으면 

좋겠습니다.

 

말로설명하기 어려워 사진도 첨부합니다.

이렇게 만들고 싶은데 도대체 어찌하면 좋은가요?  

1번의 경우 기본적으로 제공하는 style 같은 곳에서 색상만 바꾸면 될 것 같은데  찾을 수가 없네요.....

 

Answer 1

먼저 edittext의 배경으로 쓸 밑줄을 나인패치 이미지로 포커스가 갔을때, 포커스를 잃었을때 두가지 타입을 디자이너에게 제작해 달라고 하세요.

input_on.9.png

input_off.9.png

 

이미지 제작을 직접 하시고, 제작하는 방법을 모르시면,, 구글에 나인패치 이미지 제작 관련하여 검색해 보세요..

9패치 이미지가 준비 됐다면,

 

drawable에 xml 코드를 생성하세요.

edittext_background.xml

<?xml version="1.0" encoding="utf-8"?>

<selector 

    xmlns:android="http://schemas.android.com/apk/res/android"

    >

    <item 

        android:state_pressed="true"

        android:drawable="@drawable/input_on" 

        /> <!-- pressed -->    

    <item 

        android:state_focused="true"

        android:drawable="@drawable/input_on" 

        /> <!-- focused -->    

    <item 

        android:drawable="@drawable/input_off" 

        /> <!-- default -->

</selector>

 

이후 edittext 속성에

 android:background="@drawable/edittext_background"

 

해주시면 일단 원하시는 edittext의 배경까지 완성이 됩니다.

 

특정 text를 edittext 말머리에 넣고 싶으시면,, 방법은 다양한데..

FrameLayout이나 RelativeLayout 안에 edittext 와 textView를 넣으시고, 

edittext의 padding-left 값을 textView width값 만큼 주시면 됩니다.

textview에는 말머리 글을 넣으시구요...

Comments

답변 진심으로 감사드립니다.
1번 질문의 답변의 경우,  말씀해주신 방법은 배워서 알고 있습니다만, 제가 여쭙는 것은 기본적으로 edittext의 경우 focused 되었을 때 얇은 밑줄에서 진한 검정 밑줄로 바뀌는 것이 세팅되어있습니다. 다만 저는 그것의 색을 조절해주는 방법이 있을까 하여 여쭤본 것입니다.
이런 방법으로는 불가능한 것인가요?

---

현재 밑줄이 이미지로 되어 있는지, 아니면 xml로 그려 넣었는지 확인할 수가 없으니 답변을 드리기 애매합니다만.

얇은 검은 밑줄고, 포커스가 갔을때 굵고 색이 들어간 밑줄을 나인패치 이미지로 만드셔서 제가 답변드린 xml로 제작하신후 background이미지로 설정해 주시면 간단히 해결 됩니다.