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)입니다 수직선 보유한 요구 사항에 맞게 사용자 정의 할 수 있으며 다음과 같은 결과가 표시됩니다 이것이 결과이다

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

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

Android Material Design Introduction

안녕하세요, Laxmi Kant Tiwari입니다 오늘 저는 새로운 비디오 자습서를 시작하겠습니다

안드로이드 덩어리의 재료 디자인 그래서 여기에 샘플을 개발해야 Android N 소재 디자인을 기반으로하는 응용 프로그램은이 모듈에서 머티리얼 디자인에 대한 개요를 살펴보고 그러나이 시리즈를 통해이 애플리케이션을 개발하면 적어도 다섯 개의 모듈을 개발하여 첫 번째 모듈은이 서랍을 기반으로합니다 재료 디자인의 도구 모음이므로 샘플 응용 프로그램은 여기에서 볼 수 있습니다 여기에는 작업 표시 줄과 세 가지 항목 설정 사용자와 우리에 대한 정보가 있습니다 여기에 표시되는 설정 항목을 누르면 클릭이 설정되고 여기에 장바구니가 표시됩니다 여기에 검색 표시 줄이 있습니다

여기 왼쪽에 보이는 경우 탐색 서랍이고 탐색 서랍을 클릭하면 귀하의 모바일 화면에 그것을 미끄러 져 것입니다 그럼 여기에 설정할 수 있습니다 프로필 사진을 누른 다음 이름과 이메일 주소 물론, 이것은 내 것이 아니다 실제 전자 메일 주소이므로이 전자 메일 주소로 전자 메일을 보내지 마십시오 서랍 내비게이션의 항목은 여기에 하위 헤더가 있습니다 그래서 네가 여기에서 볼 수 있다면 네 항목이 그룹에 들어간다

이것은 강조 표시되어 있으며 내가 바깥 쪽을 누르고 다시 슬라이드하면 탐색 서랍을 누른 다음 초안을 계속 누릅니다 내가 누를 경우 모든 메일은 모든 이메일을 클릭하지만 다시 꺼내면 여전히 볼 수 있습니다 초안이 클릭됩니다 따라서이 네 가지 항목은 그룹으로 그룹화되며이 세 항목은 항목은 부제목으로 표시되는 항목이므로이 자습서에서는 머티리얼 디자인입니다 그런 다음이 테마를 처음부터 디자인 할 것입니다

그럼 먼저 재료 디자인을 사용하여 Google을 채택한 다음 소재 디자인 다음 첫 번째 검색 도입 소재 디자인을 엽니 다 그러면 새로운 탭 표시 줄로 연결됩니다 이 새로운 탭 표시 줄에서 재료 디자인과 소개가 있고 만약 당신이 내려 오면 당신은 소재 디자인에 대한 설명을 여기에서 조금 볼 것입니다 정말 환상적이며 대담한 그래픽으로 멋진 모습을 보여줍니다 의도적 인 모션 또한 나는 애니메이션 그래픽을 가지고 있습니다 정말 아름답고 Android 롤리팝 이후에만 사용할 수 있습니다

롤리팝 아래에서 소재 디자인을 실행하려고 시도하면 실행되지 않습니다 그래서 지금 열어 보겠습니다 여기를 클릭하면 자료가 보입니다 디자인 도입 환경 소재 속성 입면도와 그림자 먼저 물성치를 취해 봅시다 재질 속성 재질 속성에 따라 원하는 색상 유형이 결정됩니다

단색 또는 그라디언트 색상과 같은 모든 색상을 사용할 수 있습니다 그리고 당신이 원하는 차원이 얼마나 괜찮은지 그래서 여기를 보게되면 모든 하지만 그렇게하지 않아서 Google이이 디자인을 사용하지 않는 것을 선호합니다 이건 별개로 여기 올거야 재료는 단단한 물질이므로 괜찮습니까? 입력 만하십시오 이 전경 자료에 영향을 주었고 효과를 전달하지 않았습니다

이 포어 그라운드 자료를 통해이 모든 것을 의미합니다 이것들은 우리가 전체적으로 논의 할 몇 가지 설계 기법입니다 이 튜토리얼 시리즈와 만약 당신이 스타일로 와서 색상을 참조하십시오 그리고 여기 당신은 물질적 인 색으로 알려진 매우 아름다운 색을 보았습니다 팔레트 및 Google에서 제공하므로 팔레트를 디자인하는 방법을 알려 드리겠습니다 Android 소재 디자인과 호환되는 Android 애플리케이션 그래서 많은 것이 정말로 있습니다

여기에 많은 색상이 있습니다 붉은 분홍색 보라색 진한 보라색 인디고와 블루 그래서 첫 번째 파란색을 받아 여기 첫 번째 파란색입니다 중간 강도는 500이고 가장 밝은 색상은 15 밝기 및 가장 어두운 색상은 900 밝기로 사용할 수 있으며 같은 핑크색 자주색 깊은 보라색 파란색 인디고 라이트 블루 시안 청록색 녹색 라이트 그린 라임과 더 많은 색상을 사용할 수 있으므로 튜토리얼 시리즈 전반에 걸쳐 사용할 기술을 설계하고 우리는 설계하는 동안이 설계 지침을 참조 할 수 있습니다 색상과는 별도로 전문적인 응용 프로그램에는 아이콘이 있습니다 많은 아이콘이 있습니다 괜찮아 이 비디오 튜토리얼은 여기에서 다음 비디오 자습서에서는 아이콘 및 이미지 활자체에 대해 논의 할 것입니다

그리고 재료 디자인의 글쓰기 및 기타 기능을 정말 고마워요 이 비디오 튜토리얼을보고 다음에 다음 튜닝을 위해 하나는 내가 재료 디자인에 대해 더 많이 다루고 이것을 구독 할 것입니다 채널을 열면 새 비디오를 만들면받은 편지함에서 업데이트를 얻을 수 있습니다 Android 소재 설계 지켜봐 줘서 고마워 bye 안녕히 주무세요!