끄적끄적 스토리

안드로이드 텍스트 뷰 , 버튼 클릭기능 구현하기 본문

안드로이드

안드로이드 텍스트 뷰 , 버튼 클릭기능 구현하기

2019_02_13 2019. 12. 30. 16:09
728x90

클릭하기 기능은 텍스트나 버튼이나 코드는 크게 다를 게 없다.

버튼 클릭을 구현할 줄 안다면 이미지 클릭 레이아웃 클릭 등등 모든 부분에서 적용이 가능하다.

코드는 아주 단순하다.

 

다음은 xml 코드이다.

레이아웃을 생성 후 다음과 같이 예제로 버튼과 텍스트를 하나 만들었다.

(버튼이나 텍스트 뷰에 코드와 같이 id 설정을 꼭 해줘야 한다.)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    
    <Button 
            android:id="@+id/button1"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"/>
    
    <TextView
            android:id="@+id/text_button1"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"/>
 
</LinearLayout>
 

다음은 자바 코드이다.

크게 별 다를 건 없다.

나는 클릭 효과에 Toast 기능을 집어넣었다.

Toast기능이란? 간단하게 알림을 메시지를 띄워주는 기능이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
 
public class test extends AppCompatActivity {
 
    TextView textView_btn;
    Button btn;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
 
        //각 뷰의 아이디 설정
        textView_btn = findViewById(R.id.text_button1);
        btn = findViewById(R.id.button1);
        
        //텍스트 뷰의 클릭 리스너 설정
        textView_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //클릭 효과를 넣을 부분
                Toast.makeText(test.this"텍스트입니다.", Toast.LENGTH_SHORT).show();
            }
        });
        //버튼의 클릭 리스너 설정
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //클릭 효과를 넣을 부분
                Toast.makeText(test.this"버튼입니다.", Toast.LENGTH_SHORT).show();
            }
        });
    }
}
 
 

이렇게 간단하게 구현을 끝내보았다.