Android Divider – How to Draw Vertical And Horizontal Lines (Explained)

CodingDemos에 오신 것을 환영합니다 이 튜토리얼에서는 애플리케이션 내에 수직선과 수평선을 작성하는 방법을 배웁니다

Android Studio 열기 열기 (res -> layout)하고 파일 (activity_mainxml)을 더블 클릭하십시오 오른쪽에서 볼 수 있듯이 2 개의 TextView가 있습니다 : 첫 번째는 (세로 / 가로선)이고 두 번째는 (구분선 / 가로선)입니다 첫 번째 TextView 아래에서 수직선을 그리려는 지점입니다 TextView에서 두 번째는 수평선을 그리는 위치입니다

이 글꼴은 실제로 Android보기입니다 우리는 그것을 사용할 수 있습니다 먼저 첫 번째 TextView 아래에 세로선을 추가합니다 보시다시피 저는 루트 레이아웃으로 LinearLayout을 사용하고 (android : orientation)을 세로로 설정합니다 첫 번째 TextView 아래에서 Android보기를 추가합니다

첫 번째 옵션을 선택하십시오 차트의 레이아웃과 너비를 알려줘야합니다 이제 수직을 그릴 때 차트보기 (wrap_content)를 표시합니다 차트의 높이가 선의 두께 인 반면 예를 들어, 선을 매우 두껍게 만들려면 0보다 큰 값 (모든 값)을 지정할 수 있습니다 그래서 (1 DP)부터 시작해서 어떻게 보이는지 보여 드리겠습니다

그래서 여기에 (1 DP) 차트의 높이로 너는 너무 얇기 때문에 너는 선의 두께를 실제로 볼 수 없다 내가 확대하자 아무 것도 볼 수 없지만 Android보기를 클릭하면 강조 표시된 것을 볼 수 있습니다 선 두께가 무언가 (2 또는 4 DP) 인 차트의 높이를 증가 시키도록합시다 두께 증가를 볼 수는 있지만 아무 것도 볼 수 없습니다

이 글꼴의 배경색이 흰색이거나 투명하기 때문에 글꼴이 보이지 않습니다 글꼴을 보려면 배경색을 지정해야합니다 그리고 우리는 색깔을 선택했습니다 이제 당신은 라인을 볼 수 있습니다 이것은 라인 두께를 나타내는 차트의 높이로 4DP를 선택했기 때문에 라인 두께입니다

1DP를 선택하면 글꼴이 매우 얇지 만 여전히 볼 수 있으므로 원하는 색상으로 배경을 변경할 수 있습니다 하지만이 예제에서는 ColorAccent 두껍게하고 8DP를 늘릴 수 있으면이 값을 5DP로 늘릴 수 있습니다 더 높은 숫자를 줄 때마다 글꼴 두께가 실제로 증가한다는 것을 알 수 있습니다 글꼴 두께를 12DP로 늘릴 수 있습니다 아이디어를 얻었을 것입니다

숫자가 높을수록 선의 두께가 커집니다 물고기 라인의 가치를 3DP로 돌려 보겠습니다 원하는 속성을 추가 할 수 있습니다 (예 : 상단 및 하단에서 여백을 추가하거나 줄 주위에 여백을 추가 할 수 있습니다 10DP의 값으로 라인 주변에 여백을 추가 할 수 있습니다 이 줄에 적용된 여백을 볼 수 있습니다

이전에는 선이 왼쪽과 오른쪽의 화면 가장자리에 가까웠습니다 마진에 10DP의 가치를 부여한 후 이 마진은이 결과를 주었던 라인 주변입니다 상단에서 여백을 추가 할 수도 있습니다 선을 둘러싸는 여백을 추가하지 않고 상단에서 여백을 추가하려는 경우 여기에서 우리는 상단에서 20DP 마진을 줬다 이것은 결과이다 보유한 요구 사항에 맞게 사용자 정의 할 수 있습니다

이것은 기본적으로 결과입니다 이것은 수평선을 그리는 방법입니다 죄송합니다! 실제로는 수직선이어야합니다

TextView 텍스트를 가로로 변경합니다 죄송합니다 TextView 텍스트를 Vertical로 변경합니다 이 실수로 정말 유감입니다 이것은 수평선을 그리는 방법입니다

다음 부분으로 가서 수직선을 그려 봅시다 이 작업은 TextView 수직선 아래에서 수행됩니다 우리는 똑같은 것을 사용하지만 조심해야한다 작은 글자 (v)와 큰 글자 (V)로 시작하는 (VIEW) 우리는 큰 요금 (V)로보고 싶다 자신을 다른 사람과 혼동하지 않도록 조심하십시오

우리는 큰 요금 (V)로보고 싶다 이 수직선에는 간단한 변경이 필요합니다 수직선을 얻을 수 있도록 차트와 높이를 표시합니다 이렇게하려면 사용하려는 차트를 표시합니다 레이아웃 뷰는 수직선의 두께를 나타냅니다

3DP의 가치를 알려 드리겠습니다 높은 계획은 (wrap_content) 너는 아무것도 볼 수 없다는 것을 안다 이 줄에 배경색을 지정해 보겠습니다 당신은 색깔을 선택할 것입니다 왼쪽에 글꼴이 나타납니다

왼쪽에서이 여백을 주면 선을 볼 수 있습니다 이 선을 화면 가운데로 이동하십시오 이제는 이전보다 훨씬 좋아 보인다는 것을 알 수 있습니다 이제 이것이 수직선임을 알 수 있습니다 글꼴 두께를 3DP에서 10DP로 늘릴 수도 있습니다

그리고 오른쪽에서 수직선 두께가 증가한 것을 볼 수 있습니다 수평선과 수직선의 유일한 차이점 그들은 당신이 여기에서 볼 수있는 것과 같은 ANDROID VIEW를 사용합니다 수직선을 볼 때 주로 높은 차트로 작업하게됩니다 수직선의 외곽선의 높이는 선의 두께를 나타내는 속성입니다 수평선을 선택하는 동안 죄송합니다 !! 이것은 선 두께 차트의 높이를 나타내는 수평선입니다 세로선 배치보기에서 해당 선의 두께를 나타내는 값입니다

이것들은 유일한 변화이다 이것들은 첫 번째와 두 번째 VIEWS 사이의 유일한 차이점입니다 그것들은 똑같은보기입니다 그것은 차트 너비와 높이의 값이 약간 다릅니다 이것은 수직 또는 수평으로 정렬 할 것인지 결정하는 측면에서 여기서 중요한 역할을합니다 배경 색상은 글꼴을 색칠하는 데 사용하는 색상입니다 글꼴이 전체 공간을 차지하지 않고 높이를 줄이려는 경우 (wrap_content)를 값으로 사용하는 대신 layout_height 값을 변경할 수 있습니다

60DP layout_height (60DP)를 기준으로 세로 줄 높이가 감소합니다 원하는 경우 80DP로 늘릴 수 있습니다 또는 그냥 그대로 둘 수 있습니다 (wrap_content)

이것이 결과이다 배경색을 (colorAccent)에서 (colorPrimary)로 변경할 수 있습니다 이것은 (colorPrimary)입니다 수직선 보유한 요구 사항에 맞게 사용자 정의 할 수 있으며 다음과 같은 결과가 표시됩니다 이것이 결과이다

응용 프로그램을 실행하고 결과를 봅니다 이것이 결과이다 우리는 수평선과 수직선이 있습니다 이것이이 튜토리얼의 기본이다 이 튜토리얼을 즐기시기 바랍니다

구독 버튼을 클릭하면 위의 튜토리얼을 더 많이 볼 수 있습니다 도움이 필요하면 이메일을 보내십시오 최선을 다해 도와 드리겠습니다 보고 주셔서 다시 한 번 감사드립니다